recherche

Maison  >  Article  >  interface Web  >  Un exemple explique comment jQuery implémente la méthode d'ajout de la valeur dans la zone déroulante de clic à la zone de texte.

Un exemple explique comment jQuery implémente la méthode d'ajout de la valeur dans la zone déroulante de clic à la zone de texte.

小云云
小云云original
2017-12-26 15:13:381361parcourir

Cet article présente principalement la méthode jQuery consistant à ajouter la valeur dans la zone de liste déroulante de clic à la zone de texte, impliquant la liaison d'événements jQuery et l'acquisition et le fonctionnement dynamiques des attributs d'élément de page. J'espère que les amis qui en ont besoin pourront s'y référer. ça peut aider tout le monde.

Jetons d'abord un coup d'œil à l'effet de course :

Le code spécifique est le suivant : 

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 <title>www.jb51.net jQuery添加下拉框元素</title>
 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<!-- 加在body标签中屏蔽右键 oncontextmenu="return false" -->
<body >
<select name="city" id="s2" lay-search>
 <option value="">请选择</option>
 <option value="layer">layer</option>
 <option value="form">form</option>
 <option value="layim">layim</option>
</select>
<button class="layui-btn " type="button" id="add_subject">添加</button>
<input name="subject" id="subject" type="text" data-label="," value="">
<script>
  var seleVal=&#39;&#39;;
  $("#add_subject").on("click",function(){
    seleVal+=$("#s2>option:selected").val()+&#39;,&#39;;
    $("#subject").val(seleVal);
  })
</script>
</body>
</html>

Recommandations associées :

Exemples détaillés de la façon dont jQuery implémente la fonction de basculement entre le masquage et l'affichage et le changement d'icône en même temps

Trois façons d'implémenter le fonction de compte à rebours d'enregistrement des utilisateurs à l'aide de js et jQuery

jQuery implémente la fonction de prévisualisation des fichiers image avant le téléchargement

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
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 précédent：Exemple d'analyse : springmvc reçoit des données de tableau soumises par jqueryArticle suivant：Exemple d'analyse : springmvc reçoit des données de tableau soumises par jquery

Articles Liés

Voir plus