jQuery實現(xiàn)點擊下拉框中的值累加到文本框中的方法示例
更新時間：2017年10月28日 11:50:02 作者：我是高手高手高高手
這篇文章主要介紹了jQuery實現(xiàn)點擊下拉框中的值累加到文本框中的方法,涉及jQuery事件綁定及頁面元素屬性動態(tài)獲取與操作相關實現(xiàn)技巧,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)點擊下拉框中的值累加到文本框中的方法。分享給大家供大家參考，具體如下：
先來看看運行效果：
具體代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>www.fzitv.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='';
$("#add_subject").on("click",function(){
seleVal+=$("#s2>option:selected").val()+',';
$("#subject").val(seleVal);
})
</script>
</body>
</html>
更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery操作json數(shù)據技巧匯總》、《jQuery擴展技巧總結》、《jQuery拖拽特效與技巧總結》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經典特效匯總》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
您可能感興趣的文章:
- jQuery中ztree 點擊文本框彈出下拉框的實例代碼
- jquery獲得下拉框值的代碼
- jquery動態(tài)加載select下拉框示例代碼
- Jquery操作下拉框(DropDownList)實現(xiàn)取值賦值
- 基于jquery的無限級聯(lián)下拉框js插件
- JQuery實現(xiàn)級聯(lián)下拉框效果實例講解
- 基于jquery實現(xiàn)的可編輯下拉框實現(xiàn)代碼
- jquery模擬SELECT下拉框取值效果
- 利用Jquery實現(xiàn)可多選的下拉框
- 在js(jquery)中獲得文本框焦點和失去焦點的方法
- jquery設置text的值示例(設置文本框 DIV 表單值)
相關文章
jQuery中的which即可以是鍵盤的鍵值，也可以是鼠標的鍵值。2011-06-06
jQuery EasyUI 對話框(Dialog)用法與EasyUI的窗口用法極為相似，最終的效果圖也只與窗口的效果圖差幾個按鈕2010-10-10
Jquery Validation插件防止重復提交表單的解決方法
在項目開發(fā)中，測試人員報告缺陷說，即時有表單驗證，但是如果快速點擊兩下“提交”按鈕，系統(tǒng)會產生兩條相同的記錄。2010-03-03
圖片上下切換效果,學習jquery的朋友可以參考下。2011-03-03
jquery 之 $().hover(func1, funct2)使用方法
.hover(func1, func2) 的效果等效于： mouseenter(), mouseleave()2012-06-06
最佳6款用于移動網站開發(fā)的jQuery 圖片滑塊插件小結
隨著智能手機的普及，越來越多的用戶喜歡通過手機中瀏覽網頁。今天這篇文章為大家推薦最佳6款用于移動應用的 jQuery 圖片滑塊插件，這些插件很好的處理了觸屏事件，效果平滑，幫助你構建用戶體驗良好的移動網站2012-07-07
jQuery Ajax 實例代碼 ($.ajax、$.post、$.get)
下面小編就為大家?guī)硪黄猨Query Ajax 實例代碼 ($.ajax、$.post、$.get)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-04-04
這篇文章主要為大家詳細介紹了jquery插件實現(xiàn)鼠標隱藏，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
聽朋友說要作個九宮格，我也就隨便寫一個，等待完善2012-08-08
jquery ajax提交表單數(shù)據的兩種實現(xiàn)方法
貌似AJAX越來越火了，作為一個WEB程序開發(fā)者要是不會這個感覺就要落伍，甚至有可能在求職的時候屢被淘汰。我也是一個WEB程序開發(fā)者，當然我也要“隨波逐流”一把，不然飯碗不保??！2010-04-04