Heim > Web-Frontend > js-Tutorial > jquery 操作select下拉列表的一些实例

jquery 操作select下拉列表的一些实例

WBOY
Freigeben: 2016-06-01 09:54:47
Original
1093 Leute haben es durchsucht

本文章需要使用到的html: 

<code class="language-html"><select id="test">
    <option value="1">php</option>
<option>
    </option>
<option value="2">mysql</option>
<option>
    </option>
<option value="n">java</option>
<option>
</option></select></code>
Nach dem Login kopieren

jquery获取select第一个option的值

<code class="language-javascript">$('#test option:first').val();</code>
Nach dem Login kopieren

 

jquery获取select最后一个option的值

<code class="language-javascript">$('#test option:last').val();</code>
Nach dem Login kopieren

 

jquery获取select第二个option的值

<code class="language-javascript">$('#test option:eq(1)').val();</code>
Nach dem Login kopieren

 

jquery获取select选中的值

<code class="language-javascript">$('#test').val();
或
$('#test option:selected').val();</code>
Nach dem Login kopieren

 

jquery设置select值为"php"的option为选中状态

<code class="language-javascript">$('#test').attr('value','php');</code>
Nach dem Login kopieren

 

jquery设置select最后一个option为选中

<code class="language-javascript">$('#test option:last').attr('selected','selected');</code>
Nach dem Login kopieren

 

jquery获取select的长度

<code class="language-javascript">$('#test option').length;</code>
Nach dem Login kopieren

 

jquery为select添加一个option

<code class="language-javascript">$("#test").append("<option value="javascript">javascript</option>");
或
$("<option value="javascript">javascript</option>").appendTo("#test");</code>
Nach dem Login kopieren

 

jquery移除select选中项

<code class="language-javascript">$('#test option:selected').remove();</code>
Nach dem Login kopieren

 

jquery删除select某一项(这里删除第一项)

<code class="language-javascript">$('#test option:first').remove();</code>
Nach dem Login kopieren

 

jquery指定值删除select中的option项

<code class="language-javascript">$('#test option').each(function(){
    if( $(this).val() == '5'){
         $(this).remove();
     }
});
$('#test option[value=5]').remove();</code>
Nach dem Login kopieren

 

获取第一个Group的标签

<code class="language-javascript">$('#test optgroup:eq(0)').attr('label');</code>
Nach dem Login kopieren

 

获取第二group下面第一个option的值

<code class="language-javascript">$('#test optgroup:eq(1) : option:eq(0)').val();</code>
Nach dem Login kopieren

 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage