JQuery/Javascript检查下拉列表
JQuery/Javascript checking dropdown list
我正在开发一个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
设置不正确。求你了,有人帮我。非常感谢。
更改val()的selected以获得select的值。
if(!$('#A select').val()){
你可以在这里尝试这个是实现你想要的的另一种方法
$('#A select').each(function() {
if(this.options[this.selectedIndex].value != 'please select'){
//do here your action
}
}
DEMO
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;
}
});
你能试试吗:
var errors = 0;
$("#A select").each(function(){
if($(this).find("option:selected").is(":eq(0)")){
errors++;
}
});
if(errors>0){ alert('error!'); }
尝试
var valid = $('#A select').filter(function(){
return $.trim($(this).val()) == ''
}).length == 0
if(!valid){
alert('not selected')
}
演示:Fiddle
另一个版本
if ($('#A select').has('option:selected[value=""]').length > 0) {
console.error('not selected')
}else {
console.log('valid')
}
演示:Fiddle
试试这个:
$('#A select').each(function() {
if($(this).find('option:selected').text() == 'please select'){
error++;
}
});
相关文章:
- 检查下拉列表中的值
- 如何使用 jquery 检查该值是否存在于带有标签的 select2 下拉列表中:true
- jQuery检查自定义Google电子表格页面上输入和下拉列表的更改
- 使用jquery在产品选择器中添加下拉列表检查
- 检查是否未从下拉列表中选择项目
- 如何检查是否选择了第一个下拉列表实时
- 在选择框(下拉列表)中检查元素 ID 值
- 检查是否同时选择了两个多选下拉列表
- 根据数据库值检查下拉列表
- 在加载和单击时检查下拉列表的值
- Knockoutjs for each n 行检查下拉列表是否有值
- JQuery/Javascript检查下拉列表
- 如何通过检查用户输入来更改下拉列表
- 当处理请求发布ajax时,如何禁用该表单中的表单(用户无法检查、填写文本、选择下拉列表等)
- 检查下拉列表是否有多个选项
- 如何检查是否从HTML下拉列表中选择了项目
- 如何在GridView中选择和检查下拉列表的更改
- 检查多重选择下拉列表中的重复值
- 如何在javaScript中选择下拉列表之前验证用于检查文本框值的下拉列表
- Javascript函数来检查下拉列表是否有相同的值