如何将select所选择的数据传入到input中

最近接手的项目中有一个需求,在某原因填写时,使用菜单选择,当选择其它时,需要手动输入原因.
因为长时间没有接触前端的东西了,所以我一开始是懵逼的,后来上网查了不少资料后,写了一个小demo.

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
</head>

<body>
借用原因:<input type="text" disabled="disabled" id="txt"/>
<select id="test" onchange="tt(this.id)">
<option value="1">自己使用</option>
<option value="2">部门使用</option>
<option value="3">其它</option>
</select>
<script>
function tt(id) {
var aa = document.getElementById(id);
var i = aa.selectedIndex;
var text = aa.options[i].text;
var value = aa.options[i].value;
if(value == 3) {

text = "请手动填写原因";
document.getElementById("txt").disabled=false;
}
document.getElementById("txt").value = text;
}


</script>

</body>

</html>

————————————————
版权声明:本文为CSDN博主「不善言谈者」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/bushanyantanzhe/java/article/details/82691726

posted @ 2020-07-10 15:48  阿波罗任先生  阅读(904)  评论(0编辑  收藏  举报