suchen

Heim  >  Artikel  >  Web-Frontend  >  Wie jQuery dafür sorgt, dass der Wert im Klick-Dropdown-Feld im Textfeld akkumuliert wird

Wie jQuery dafür sorgt, dass der Wert im Klick-Dropdown-Feld im Textfeld akkumuliert wird

php中世界最好的语言
php中世界最好的语言Original
2017-12-31 11:34:451963Durchsuche

Was ich Ihnen dieses Mal vorstelle, ist jQuery Wie Sie den Wert im Klick-Dropdown-Feld im Textfeld akkumulieren können.

Der spezifische Code lautet wie folgt: 

<!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>

Ich glaube, dass Sie die Methode nach dem Lesen der obigen Einführung beherrschen. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website Andere verwandte Artikel!

Verwandte Lektüre:

Wie kann JS klicken, um zum angemeldeten persönlichen Postfach zu springen

Über HTTP/2-Server-Push

Wie NVM verschiedene Versionen von Knoten verwaltet

Das obige ist der detaillierte Inhalt vonWie jQuery dafür sorgt, dass der Wert im Klick-Dropdown-Feld im Textfeld akkumuliert wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Wie jQuery die Front-End-Suchfunktion implementiertNächster Artikel：Wie jQuery die Front-End-Suchfunktion implementiert

In Verbindung stehende Artikel

Mehr sehen