jQuery 多选选项 - 检查是否选择了某个选项
jQuery Multi Select Option - Check if a option is selected or not
我有一个 HTML 多选框
<form action="form_action.php" method="Post">
<select name="cars[]" multiple id="select_id">
<option value="all" id="option_id">All</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<input type="submit">
</form>
我正在尝试做的是检查是否在jQuery中选择了"全部"选项。
我尝试的是
<script>
$(document).ready(function()
{
$('#option_id')
.click(
function()
{
if ($("#select_id option[value='all']").length == 0) { //value does not exist so add
//Do something if not selected
}
else
{
//DO something if selected
}
//$("#select_id option:selected").removeAttr("selected"); //Remove
//$("#select_id option").attr('selected', 'selected'); //Add
}
);
});
</script>
但它不起作用。
谁能帮我?
提前感谢您的帮助。
请按照以下代码进行操作
$('#option_id').click(function(){
if ($("#select_id option[value=all]:selected").length > 0){
alert('all is selected');
}
else{
//DO something if not selected
}
//$("#select_id option:selected").removeAttr("selected"); //Remove
//$("#select_id option").attr('selected', 'selected'); //Add
});
您可以在下面检查小提琴
多选
您可以使用
:selected
选项选择器来确定它是否已被选中
if ($("#select_id option[value=all]:selected").length > 0){
//all is selected
}
据我所知,当您更改<select>
框中的选项时,您正在尝试检测是否已选择它,对吗?
试试这个:
$("#select_id").change(function () {
if ($(this).find("option:selected").val() == "all") {
// all is selected
} else {
// all isn't selected
}
});
相关文章:
- 使用此选项选择父类内部的类
- 更新:仅根据单选按钮和所选选项选择特定项目
- 使用PHP通过HTML表单选项选择器过滤MYSQL结果
- ng-单击在IE中不起作用的选项选择Angularjs
- 从选项选择中删除值
- On为<选项>选择等效项
- 用户界面先前选择的选项选择更改
- 使用ng重复或ng选项和删除空白选项选择长方体角度
- 在HTML5、CSS、JavaScript中添加选项选择器,类似于移动应用程序中的选项设置
- 输入:选中,选项:选择选择器
- 根据使用angularjs从下拉菜单中选择的选项选择适当的复选框
- 如何根据 html 中的选项/选择重定向用户(单击按钮后)
- 使用ng选项选择中的ng选项进行过滤器下拉列表
- 如何设置选项选择的值
- 如何搜索长下拉选项/选择列表
- jQuery - 根据下拉选项选择列出结果
- 从选项选择单击时打开 2 个 URL
- 在 Angular JS 中为 ng 选项选择默认值
- 下拉选项选择的操作
- 通过单击单选按钮清除所有选项选择条目