- 下拉选择框与输入框联动，直接添加选中值到输入框中，这种效果相信不少朋友见到过吧，省去用户输入的麻烦，这里使用JS直接将值赋予输入框，了解原理之后，可灵活运用，扩展出更多的特效来。
点击(此处)折叠或打开
-
<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>
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/29737856/viewspace-1226056/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
表单中的Radio切换效果
下一篇：
CSS背景渐变之上下渐变
请登录后发表评论
登录
全部评论
