本文描述了JS从下拉菜单中为文本框赋值的方法。分享给大家参考。具体如下:
在这里,我们演示了由下拉菜单和文本框构成的介绍栏,并将选择框中的值定位到INPUT文本输入框中,这是从下拉框中为文本框赋值的一个例子。好像是上网时常用的功能,但不知道怎么形容。也许这叫做联动。
运行效果如下图所示:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-select-to-input-val-codes/
具体代码如下:
html head script LANguage=' JAVAScript '!-开始var消息=新数组();消息[0]=' ';//在这里写每个选项对应的说明性短信[1]='//www . JB 51 . net ';messages[2]=' http://www . 163.com ';messages[3]=' http://cn . Yahoo.com ';//根据需要,项目功能message reveal(){ var message index=document . message form . message pick . selectedindex应随选项的变化而增减;//获取当前下拉菜单中所选项的序号help msg=messages[message index];//根据序列号获取当前选项的描述。document . messageform . messagefield . value=help msg//将描述写入文本框中}//end-/scripttitle由文本框构造的下拉菜单和介绍栏/title/headsdyform name=' messageform ' select name=' messagepick ' onchange=' message revolve()'选项值=' 0 ',请在此选择您需要查阅的信息,选项我们选项网易163option中文Yahoo/selectbrbr brinput name=' messagefield ' type=' text ' style=' overflow : auto '/form/body