JS如何把select的值传给text里
急！！！！！一个<inputtype="text"name="text"> <selectname="select"&...
急！！！！！一个<input type="text" name="text"> <select name="select"><option value="a">a</option><option value="b">b</option></select>我现在想点击select以后，里面的值会自动传到前面的text里面！用JS如何做啊？我点击了蓝猫 他前面的框里就会显示蓝猫
展开
5个回答
展开全部
思路：获取select对象→使用value属性获取select对象的选中值→获取text对象→利用value属性设置text的值。实例演示如下：
1、HTML结构
<input type="text" id="txt"><br>
<select id="test">
<option value="option-1">option-1</option>
<option value="option-2">option-2</option>
<option value="option-3">option-3</option>
</select>
2、javascript代码
window.onload = function(){
document.getElementById("test").onchange = function(){
document.getElementById("txt").value = this.value;
}
}3、效果演示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<Script language="javascript">
function TextValue(val){
document.getElementById("text").value = val;
//这里是通过事件改变ID为text的值
}
</script>
<input type="text" name="text" id="text" value="蓝猫"> <!--注意这里的ID-->
<select name="select" onChange="TextValue(this.value)"><!--这里是触发事件-->
<option value="蓝猫">蓝猫</option>
<option value="红狐">红狐</option>
<option value="赤兔">赤兔</option>
</select>
function TextValue(val){
document.getElementById("text").value = val;
//这里是通过事件改变ID为text的值
}
</script>
<input type="text" name="text" id="text" value="蓝猫"> <!--注意这里的ID-->
<select name="select" onChange="TextValue(this.value)"><!--这里是触发事件-->
<option value="蓝猫">蓝猫</option>
<option value="红狐">红狐</option>
<option value="赤兔">赤兔</option>
</select>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function setValue(val){
document.getElementById("text").value = val;
}
</script>
</head>
<body>
<input type="text" name="text" id="text">
<select name="select" onChange="setValue(this.value)">
<option value="a">a</option>
<option value="b">b</option>
</select>
</body>
</html>
以上代码经过测试可以的了,你保存成.html文件运行下吧!
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function setValue(val){
document.getElementById("text").value = val;
}
</script>
</head>
<body>
<input type="text" name="text" id="text">
<select name="select" onChange="setValue(this.value)">
<option value="a">a</option>
<option value="b">b</option>
</select>
</body>
</html>
以上代码经过测试可以的了,你保存成.html文件运行下吧!
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<select onchange="aa(this)">加onchange事件
<input type=text id="bbb">文本框加个id
function aa(obj)
{
document.getElementById("bbb").value = obj.value
}
<input type=text id="bbb">文本框加个id
function aa(obj)
{
document.getElementById("bbb").value = obj.value
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用js，这是实例：
<input type="text" id="txt" name="txt" />
<select id="sel" name="sel" onchange="javascript:document.getElementById('txt').value=document.getElementById('sel').value;">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="text" id="txt" name="txt" />
<select id="sel" name="sel" onchange="javascript:document.getElementById('txt').value=document.getElementById('sel').value;">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
