欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js下拉選擇框與輸入框聯(lián)動實現(xiàn)添加選中值到輸入框的方法

 更新時間：2015年08月17日 14:40:10   作者：企鵝  
這篇文章主要介紹了js下拉選擇框與輸入框聯(lián)動實現(xiàn)添加選中值到輸入框的方法,涉及javascript中onchange事件及頁面元素遍歷的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了js下拉選擇框與輸入框聯(lián)動實現(xiàn)添加選中值到輸入框的方法。分享給大家供大家參考。具體如下：

這里演示js下拉選擇框與輸入框聯(lián)動，直接添加選中值到輸入框中的效果。這種效果相信不少朋友見到過吧，省去用戶輸入的麻煩，這里使用JS直接將值賦予輸入框，了解原理之后，可靈活運用，擴展出更多的特效來。

運行截圖如下：

在線演示地址如下：

http://demo.jb51.net/js/2015/js-select-value-to-input-codes/

具體代碼如下：

<html>
<head>
<title>下拉選擇框與輸入框聯(lián)動，直接添加選中值到輸入框</title>
</head>
<body>
<select id="uiSel">
  <option value="-1">請選擇</option>
  <option value="until1">unti1</option>
  <option value="until2">unti2</option>
  <option value="until3">unti3</option>
  <option value="until4">unti4</option>
  <option value="until5">unti5</option>
</select>
<input type="text" name="" id="show" />
</body>
<script type="text/javascript">
document.getElementById('uiSel').onchange=function (){
  if(this.options[0].value==-1)this.options[0]=null;
  document.getElementById('show').value=this.value
};
</script>
</html>

希望本文所述對大家的javascript程序設計有所幫助。

相關(guān)文章

最新評論