jquery操作select(取值,设置选中)

<p>每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。<br /> 比如&lt;select class=&quot;selector&quot;&gt;&lt;/select&gt;<br /> 1、设置value为pxx的项选中<br /> $(&quot;.selector&quot;).val(&quot;pxx&quot;);<br /> 2、设置text为pxx的项选中<br /> $(&quot;.selector&quot;).find(&quot;option[text=&#39;pxx&#39;]&quot;).attr(&quot;selected&quot;,true);<br /> 这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。<br /> 3、获取当前选中项的value<br /> $(&quot;.selector&quot;).val();<br /> 4、获取当前选中项的text<br /> $(&quot;.selector&quot;).find(&quot;option:selected&quot;).text();<br /> 这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。</p> <p>很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jQuery中是非常简单的。<br /> 如:$(&quot;.selector1&quot;).change(function(){<br /> // 先清空第二个<br /> $(&quot;.selector2&quot;).empty();<br /> // 实际的应用中,这里的option一般都是用循环生成多个了<br /> var option = $(&quot;&lt;option&gt;&quot;).val(1).text(&quot;pxx&quot;);<br /> $(&quot;.selector2&quot;).append(option);<br /> });</p>
RangeTime:0.007816s
RangeMem:205.08 KB
返回顶部 留言