本文介绍了通过js下拉选择框和输入框的联动，将选中的值添加到输入框中的方法。分享给大家参考。具体如下：

这里，js下拉选择框与输入框链接，直接将选中的值添加到输入框中。相信很多朋友都看过这个效果，省去了用户输入的麻烦。这里，JS用来直接给输入框赋值。了解原理后，可以灵活运用，扩展更多特效。

运行截图如下：

在线演示地址如下：

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

具体代码如下：

htmlheadtitle下拉选择框与输入框链接。将所选值直接添加到输入框/title/header dysel id=' uisel ' option value='-1 '中。请选择/option value=' until 1 ' until 1/option value=' until 2 ' until 2/option value=' until 3 ' until 3/option value=' until 4 ' until 4/option value=' until 5 ' until 5/option/selection put 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编程有所帮助。