jquery wählt den Wert im Dropdown-Feld aus, der in das Textfeld gezählt werden soll-js-Tutorial-php.cn

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

php中世界最好的语言

Freigeben： 2018-04-19 14:16:05

Original

1337 Leute haben es durchsucht

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>

Nach dem Login kopieren

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!