recherche

Maison  >  Article  >  interface Web  >  jquery sélectionne la valeur dans la zone déroulante pour compter jusqu'à la zone de texte

jquery sélectionne la valeur dans la zone déroulante pour compter jusqu'à la zone de texte

php中世界最好的语言
php中世界最好的语言original
2018-04-19 14:16:051348parcourir

Cette fois, je vous amènerai jquery pour compter la valeur dans la zone déroulante sélectionnée jusqu'à la zone de texte, et pour compter la valeur dans la zone déroulante sélectionnée jquery jusqu'à la zone de texte. Quelles sont les précautions , ce qui suit est un cas pratique, jetons un coup d'œil.

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>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='';
  $("#add_subject").on("click",function(){
    seleVal+=$("#s2>option:selected").val()+',';
    $("#subject").val(seleVal);
  })
</script>
</body>
</html>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

jquery lit les données json et les utilise en html

Comment configurer Webpack avec jquery

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：Utilisez jQuery pour implémenter la recherche frontaleArticle suivant：Utilisez jQuery pour implémenter la recherche frontale

Articles Liés

Voir plus