Maison interface Web js tutoriel jquery 操作select下拉列表的一些实例

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

Jun 01, 2016 am 09:54 AM
jquery select 操作 choisi

本文章需要使用到的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>
Copier après la connexion

jquery获取select第一个option的值

<code class="language-javascript">$('#test option:first').val();</code>
Copier après la connexion

 

jquery获取select最后一个option的值

<code class="language-javascript">$('#test option:last').val();</code>
Copier après la connexion

 

jquery获取select第二个option的值

<code class="language-javascript">$('#test option:eq(1)').val();</code>
Copier après la connexion

 

jquery获取select选中的值

<code class="language-javascript">$('#test').val();
或
$('#test option:selected').val();</code>
Copier après la connexion

 

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

<code class="language-javascript">$('#test').attr('value','php');</code>
Copier après la connexion

 

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

<code class="language-javascript">$('#test option:last').attr('selected','selected');</code>
Copier après la connexion

 

jquery获取select的长度

<code class="language-javascript">$('#test option').length;</code>
Copier après la connexion

 

jquery为select添加一个option

<code class="language-javascript">$("#test").append("<option value="javascript">javascript</option>");
或
$("<option value="javascript">javascript</option>").appendTo("#test");</code>
Copier après la connexion

 

jquery移除select选中项

<code class="language-javascript">$('#test option:selected').remove();</code>
Copier après la connexion

 

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

<code class="language-javascript">$('#test option:first').remove();</code>
Copier après la connexion

 

jquery指定值删除select中的option项

<code class="language-javascript">$('#test option').each(function(){
    if( $(this).val() == '5'){
         $(this).remove();
     }
});
$('#test option[value=5]').remove();</code>
Copier après la connexion

 

获取第一个Group的标签

<code class="language-javascript">$('#test optgroup:eq(0)').attr('label');</code>
Copier après la connexion

 

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

<code class="language-javascript">$('#test optgroup:eq(1) : option:eq(0)').val();</code>
Copier après la connexion

 

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

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

Étapes et précautions de fonctionnement de Linux Deploy Étapes et précautions de fonctionnement de Linux Deploy Mar 14, 2024 pm 03:03 PM

Étapes et précautions de fonctionnement de Linux Deploy

Partage des étapes d'opération de capture d'écran du Huawei Mate60 Pro Partage des étapes d'opération de capture d'écran du Huawei Mate60 Pro Mar 23, 2024 am 11:15 AM

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 ? Comment utiliser la méthode de requête PUT dans jQuery ? Feb 28, 2024 pm 03:12 PM

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 Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page Feb 28, 2024 pm 09:06 PM

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 Guide d'opération de modification de nom de domaine Discuz Mar 09, 2024 pm 04:36 PM

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

Manipulation de chaînes PHP : un moyen pratique de supprimer efficacement les espaces Manipulation de chaînes PHP : un moyen pratique de supprimer efficacement les espaces Mar 24, 2024 am 11:45 AM

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

Utilisez jQuery pour modifier le contenu textuel de toutes les balises Utilisez jQuery pour modifier le contenu textuel de toutes les balises Feb 28, 2024 pm 05:42 PM

Utilisez jQuery pour modifier le contenu textuel de toutes les balises

Comment lier WeChat sur Ele.me Comment lier WeChat sur Ele.me Apr 01, 2024 pm 03:46 PM

Comment lier WeChat sur Ele.me

See all articles