js如何根据下拉款不同的值显示不同的文本框

来源：互联网 2023-03-16 23:58:10 287

JS根据下拉框，显示不同的文本框，其本质还是用JS的DOM操作获取下拉菜单的索引，从而进行操作的

0JS获取select选中的值

工具/原料

1新建一个，带有下拉菜单和文本域的HTML

js如何根据下拉款不同的值显示不同的文本框

创建JS操作，并获取select对象，示例：

var _sel=document.getElementById("cars");

js如何根据下拉款不同的值显示不同的文本框

获取被选中的Option的索引，示例：

var index=_sel.selectedIndex;

js如何根据下拉款不同的值显示不同的文本框

获取被选中的Option选项的value值，示例：

var _val=_sel.options[index].value;

根据被选中的下拉菜单Option，设置不同的文本框，示例：

// 获取文本框input对象

var input=document.getElementById("car");

//设置不同的文本框

input.value=_val;

js如何根据下拉款不同的值显示不同的文本框

最终，保存文件，在浏览器查看示例

js如何根据下拉款不同的值显示不同的文本框

6相关内容未经授权抓取自百度经验

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

上一篇：js如何判断搜索引擎下一篇：用javascript写一个交互开关锁的网页