jQuery如何實(shí)現(xiàn)點(diǎn)擊下拉框中的值累加到文本框中的方法

發(fā)布時(shí)間：2021-06-24 15:19:21 來(lái)源：億速云閱讀：138 作者：小新欄目：web開(kāi)發(fā)

這篇文章主要為大家展示了“jQuery如何實(shí)現(xiàn)點(diǎn)擊下拉框中的值累加到文本框中的方法”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jQuery如何實(shí)現(xiàn)點(diǎn)擊下拉框中的值累加到文本框中的方法”這篇文章吧。

具體如下：

先來(lái)看看運(yùn)行效果：

具體代碼如下：

<!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標(biāo)簽中屏蔽右鍵 oncontextmenu="return false" -->
<body >
<select name="city" id="s2" lay-search>
 <option value="">請(qǐng)選擇</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>

以上是“jQuery如何實(shí)現(xiàn)點(diǎn)擊下拉框中的值累加到文本框中的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

jQuery如何實(shí)現(xiàn)點(diǎn)擊下拉框中的值累加到文本框中的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽