suchen

Heim  >  Artikel  >  Web-Frontend  >  jquery wählt den Wert im Dropdown-Feld aus, der in das Textfeld gezählt werden soll

jquery wählt den Wert im Dropdown-Feld aus, der in das Textfeld gezählt werden soll

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

Dieses Mal bringe ich Ihnen jquery, um den Wert im ausgewählten Dropdown-Feld zum Textfeld zu zählen, und um den Wert im ausgewählten Dropdown-Feld der JQuery zum zu zählen Textfeld. Was sind die Vorsichtsmaßnahmen? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

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

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

jquery liest JSON-Daten und verwendet sie in HTML

So konfigurieren Sie Webpack mit jquery

Das obige ist der detaillierte Inhalt vonjquery wählt den Wert im Dropdown-Feld aus, der in das Textfeld gezählt werden soll. 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：Verwenden Sie jQuery, um die Front-End-Suche zu implementierenNächster Artikel：Verwenden Sie jQuery, um die Front-End-Suche zu implementieren

In Verbindung stehende Artikel

Mehr sehen