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中世界最好的语言original
- 2018-04-19 14:16:051302parcourir
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!