jquery 操作select下拉列表的一些实例
Jun 01, 2016 am 09:54 AM本文章需要使用到的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>
jquery获取select第一个option的值
<code class="language-javascript">$('#test option:first').val();</code>
jquery获取select最后一个option的值
<code class="language-javascript">$('#test option:last').val();</code>
jquery获取select第二个option的值
<code class="language-javascript">$('#test option:eq(1)').val();</code>
jquery获取select选中的值
<code class="language-javascript">$('#test').val(); 或 $('#test option:selected').val();</code>
jquery设置select值为"php"的option为选中状态
<code class="language-javascript">$('#test').attr('value','php');</code>
jquery设置select最后一个option为选中
<code class="language-javascript">$('#test option:last').attr('selected','selected');</code>
jquery获取select的长度
<code class="language-javascript">$('#test option').length;</code>
jquery为select添加一个option
<code class="language-javascript">$("#test").append("<option value="javascript">javascript</option>"); 或 $("<option value="javascript">javascript</option>").appendTo("#test");</code>
jquery移除select选中项
<code class="language-javascript">$('#test option:selected').remove();</code>
jquery删除select某一项(这里删除第一项)
<code class="language-javascript">$('#test option:first').remove();</code>
jquery指定值删除select中的option项
<code class="language-javascript">$('#test option').each(function(){ if( $(this).val() == '5'){ $(this).remove(); } }); $('#test option[value=5]').remove();</code>
获取第一个Group的标签
<code class="language-javascript">$('#test optgroup:eq(0)').attr('label');</code>
获取第二group下面第一个option的值
<code class="language-javascript">$('#test optgroup:eq(1) : option:eq(0)').val();</code>

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Étapes et précautions de fonctionnement de Linux Deploy

Partage des étapes d'opération de capture d'écran du Huawei Mate60 Pro

Comment utiliser la méthode de requête PUT dans jQuery ?

Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page

Guide d'opération de modification de nom de domaine Discuz

Manipulation de chaînes PHP : un moyen pratique de supprimer efficacement les espaces

Utilisez jQuery pour modifier le contenu textuel de toutes les balises
