<select><option>10</option></select> <input type="text">当select选中时怎么在text中获得值并该成*0.88
<body><selectid="select"><option>请选择</option><option>10元</option><option>20元</option>...
<body>
<select id="select">
<option>请选择</option>
<option>10元</option>
<option>20元</option>
<option>50元</option>
<option>100元</option>
</select>
<input type="text" id="text">
问题，怎么使option 选中的值，在text中显示啊！
如果选择100元，显示100*0.88 其他的也一样！
</body>
</html>
<form name="Telchz_from" action="${ctx}/user/trade/order/deposit.shtml" method="post">
前提是<select>和text都放在<form>中,请问怎么弄啊?
请教大虾,小弟十分感谢! 展开
<select id="select">
<option>请选择</option>
<option>10元</option>
<option>20元</option>
<option>50元</option>
<option>100元</option>
</select>
<input type="text" id="text">
问题，怎么使option 选中的值，在text中显示啊！
如果选择100元，显示100*0.88 其他的也一样！
</body>
</html>
<form name="Telchz_from" action="${ctx}/user/trade/order/deposit.shtml" method="post">
前提是<select>和text都放在<form>中,请问怎么弄啊?
请教大虾,小弟十分感谢! 展开
1个回答
展开全部
最直接的做法：
<select id="select" onchange="document.getElementById('text').value=(document.getElementById('select').options[selectedIndex].value*0.88)">
<option>请选择</option>
<option value='10'>10元</option>
<option value='20'>20元</option>
<option value='50'>50元</option>
<option value='100'>100元</option>
</select>
<input type="text" id="text">
你也可以把onchange里面的代码写成javascript的函数，然后调用这个函数：
<script type="text/javascript">
function setvalue(index)
{
var price = document.getElementById('select').options[index].value*0.88;
document.getElementById('text').value = price;
}
</script>
<select id="select" onchange="setvalue(selectedIndex)">
<option>请选择</option>
<option value='10'>10元</option>
<option value='20'>20元</option>
<option value='50'>50元</option>
<option value='100'>100元</option>
</select>
<input type="text" id="text">
如果要显示的是 100*0.88 而不是88，就将document.getElementById('select').options[index].value*0.88改为(document.getElementById('select').options[index].value)+"*0.88"
上面的代码放入<form>中就可以用。 另外javascript的函数最好放在<head>里面。
<select id="select" onchange="document.getElementById('text').value=(document.getElementById('select').options[selectedIndex].value*0.88)">
<option>请选择</option>
<option value='10'>10元</option>
<option value='20'>20元</option>
<option value='50'>50元</option>
<option value='100'>100元</option>
</select>
<input type="text" id="text">
你也可以把onchange里面的代码写成javascript的函数，然后调用这个函数：
<script type="text/javascript">
function setvalue(index)
{
var price = document.getElementById('select').options[index].value*0.88;
document.getElementById('text').value = price;
}
</script>
<select id="select" onchange="setvalue(selectedIndex)">
<option>请选择</option>
<option value='10'>10元</option>
<option value='20'>20元</option>
<option value='50'>50元</option>
<option value='100'>100元</option>
</select>
<input type="text" id="text">
如果要显示的是 100*0.88 而不是88，就将document.getElementById('select').options[index].value*0.88改为(document.getElementById('select').options[index].value)+"*0.88"
上面的代码放入<form>中就可以用。 另外javascript的函数最好放在<head>里面。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
