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.-js tutoriel-php.cn

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.

小云云

Libérer： 2017-12-26 15:13:38

original

1322 Les gens l'ont consulté

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>

Copier après la connexion

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!