jQuery获取select中选中的option的值和自定义属性的值
<p>使用jQuery获取获取select下拉框中option的值：</p><div class="codecolorer-container javascript vibrant" style="overflow:auto;white-space:nowrap;width:700px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br>2<br>3<br>4<br>5<br>6<br>7<br></div></td><td><div class="javascript codecolorer"><span class="co1">//通过绑定change事件，当下拉框内容发生变化时事件被启动</span><br>
$<span class="br0">(</span><span class="st0">"#wlms"</span><span class="br0">)</span>.<span class="me1">bind</span><span class="br0">(</span><span class="st0">"change"</span><span class="sy0">,</span><span class="kw1">function</span><span class="br0">(</span><span class="br0">)</span><span class="br0">{</span><br>
<span class="co1">//获取被选中的option的值</span><br>
<span class="kw1">var</span> miaoshu <span class="sy0">=</span> $<span class="br0">(</span><span class="kw1">this</span><span class="br0">)</span>.<span class="me1">val</span><span class="br0">(</span><span class="br0">)</span><span class="sy0">;</span><br>
<span class="co1">//获取自定义属性的值</span><br>
<span class="kw1">var</span> bianhao <span class="sy0">=</span> $<span class="br0">(</span><span class="kw1">this</span><span class="br0">)</span>.<span class="me1">find</span><span class="br0">(</span><span class="st0">"option:selected"</span><span class="br0">)</span>.<span class="me1">attr</span><span class="br0">(</span><span class="st0">"bianhao"</span><span class="br0">)</span><span class="sy0">;</span><br>
<span class="br0">}</span><span class="br0">)</span><span class="sy0">;</span></div></td></tr></tbody></table></div>
<p>其中获取自定义属性的值部分，在HTML中部分是：</p>
<div class="codecolorer-container html4strict vibrant" style="overflow:auto;white-space:nowrap;width:700px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br></div></td><td><div class="html4strict codecolorer"><span class="sc2"><<span class="kw2">option</span> bianhao<span class="sy0">=</span><span class="st0">"abc"</span>><<span class="sy0">/</span><span class="kw2">option</span>></span></div></td></tr></tbody></table></div>
<p class="post-copyright">未经允许不得转载：<ahref="https://www.wangchao.info/">王超博客</a> » <ahref="https://www.wangchao.info/1289.html">jQuery获取select中选中的option的值和自定义属性的值</a></p>
页:
[1]