0

我正在开发一个 Web 应用程序，我在一页中有两个下拉菜单。

<div id="A">
<select>
    <option value="">please select</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>
<select>
    <option value="">please select</option>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
</select>
</div>

现在，我想让两个下拉菜单都必须被选中（除了“请选择”），否则用户不能再进一步了。这是我的 jquery 代码。

        var error=0;
        var selected_option = $('#A>select option:selected');
        $('#A').each(function() {
            if(!$('#A select').selected){
                error++;
            }
        });
        if (error>0) {
            alert('Choose the bloody option');
            return false;
        }

到目前为止，实际结果是警报消息工作正常，强制选择部分工作正常。但是，即使我从两者中选择，我仍然保持警惕并卡住。想可能是我的if condition设置不当。拜托，有人给我帮助。非常感谢。

4

6 回答 6

2

更改选择为 val() 以获取选择的值。

 if(!$('#A select').val()){
于 2013-08-30T06:43:42.197 回答
1

演示

 var selected_option = $('#A>select option:selected');
 $('#check').click(function () {
     var error = 0;
     $('#A select').each(function () {
         if ($(this).val() == '') {
             error++;
         }
     });
     if (error > 0) {
         alert('Choose the bloody option');
         return false;
     }
 });
于 2013-08-30T06:47:13.450 回答
1

你能试一下吗：

var errors = 0;
$("#A select").each(function(){
if($(this).find("option:selected").is(":eq(0)")){
        errors++;
}
});

if(errors>0){ alert('error!'); }
于 2013-08-30T06:47:14.613 回答
1

尝试

var valid = $('#A select').filter(function(){
    return $.trim($(this).val()) == ''
}).length == 0

if(!valid){
    alert('not selected')
}

演示：小提琴

另一个版本

if ($('#A select').has('option:selected[value=""]').length > 0) {
    console.error('not selected')
}else {
    console.log('valid')
}

演示：小提琴

于 2013-08-30T06:44:46.453 回答
1

你可以试试这个这里是实现你想要的另一种方法

$('#A select').each(function() {
   if(this.options[this.selectedIndex].value != 'please select'){
       //do here your action
   }
}
于 2013-08-30T06:45:47.867 回答
1

尝试这个：

  $('#A select').each(function() {
      if($(this).find('option:selected').text() == 'please select'){
         error++;
      }
  });
于 2013-08-30T06:46:18.650 回答