本文實例講述了js下拉選擇框與輸入框聯動實現添加選中值到輸入框的方法。分享給大家供大家參考。具體如下：
這里演示js下拉選擇框與輸入框聯動，直接添加選中值到輸入框中的效果。這種效果相信不少朋友見到過吧，省去用戶輸入的麻煩，這里使用JS直接將值賦予輸入框，了解原理之后，可靈活運用，擴展出更多的特效來。
運行截圖如下：
在線演示地址如下：
http://demo.VeVB.COm/js/2015/js-select-value-to-input-codes/
具體代碼如下：
<html><head><title>下拉選擇框與輸入框聯動，直接添加選中值到輸入框</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程序設計有所幫助。
新聞熱點
疑難解答
