JQuery只在一个选择中进行多选

时间:2015-09-18 17:50:16

标签: jquery html

我有代码:

<select multiple="multiple" id="id_browser" name="browser">
<option value="1">Chrome</option>
<option value="2">Mozilla Firefox</option>
</select>

<select id="id_type" name="type">
<option value="max">Max</option>
<option value="min">Min</option>
</select>

我正在使用这个lib:http://wenzhixin.net.cn/p/multiple-select/docs/#methods

关注文档:

<script>
$('select').multipleSelect();
</script>

但这改变了两个领域。 我怎样才能将这个lib用于'id_browser select'?

1 个答案:

答案 0 :(得分:1)

jQuery项目内的选择与使用CSS选择相同。

所以在这种情况下,尝试类似

的内容
$('#id_browser select').multipleSelect();

这将选择id #指定id_browser的元素,然后查找#id_browser元素中属于select元素的任何元素{1}}类型(在select之前没有指定特殊字符)。

以下是CSS选择器类型的快速概述:

#id
.class
type

以下是Mozilla的CSS选择器的一个很好的参考:https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors

这里还有一个很棒的页面,详细介绍了复杂的选择器,它可以让您使用一些高级选择器模式做任何事情:http://learn.shayhowe.com/advanced-html-css/complex-selectors/