Heim > Web-Frontend > js-Tutorial > Hauptteil

Ein Beispiel erklärt, wie jQuery die Methode implementiert, den Wert im Klick-Dropdown-Feld zum Textfeld hinzuzufügen.

小云云
Freigeben: 2017-12-26 15:13:38
Original
1341 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Methode von jQuery zum Hinzufügen des Werts im Klick-Dropdown-Feld zum Textfeld vorgestellt, die die Bindung von jQuery-Ereignissen sowie die dynamische Erfassung und Bedienung von Seitenelementattributen umfasst es kann jedem helfen.

Werfen wir zunächst einen Blick auf den Laufeffekt:

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>
Nach dem Login kopieren

Verwandte Empfehlungen:

Detaillierte Beispiele, wie jQuery die Funktion des gleichzeitigen Umschaltens zwischen Ausblenden und Anzeigen und Wechseln von Symbolen implementiert

Drei Möglichkeiten zur Implementierung Countdown-Funktion für die Benutzerregistrierung mit js und jQuery

jQuery implementiert die Vorschaufunktion von Bilddateien vor dem Hochladen

Das obige ist der detaillierte Inhalt vonEin Beispiel erklärt, wie jQuery die Methode implementiert, den Wert im Klick-Dropdown-Feld zum Textfeld hinzuzufügen.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!