当选择框改变时，动态文本字段

dynamic textfield when select box changes

本文关键字：动态 文本 字段 选择 改变      更新时间：2023-09-26

我一直在努力寻找这个问题的答案，并从我的代码和基本的浏览器设置中攻击它。我要做的是有一个文本字段的变化基于什么选择框被设置为。到目前为止，我所做的正是我想要它在所有浏览器中做的，除了Explorer。为了实现这个目标，我还需要声明什么吗?或者有没有其他方法可以更好地实现我的最终目标?

这是我现在有的。

<!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>
<script type="text/javascript">
function changeusf() 
{
    document.getElementById("usf").setAttribute("value",optionsusf.value); 
}
</script>
</head>
<body>
<input type="text" value="" name="usf" id="usf"/>
<select id="optionsusf" name="optionsusf" onchange="changeusf()">
   <option value="--------------------">Select One</option>
   <option value="0.00">No Tax</option>
   <option value="0.18">18% Tax</option>
   <option value="0.07">7% Tax</option>
</select>
</body>
</html>

提前感谢您的宝贵时间。

试试这个:

<select id="optionsusf" name="optionsusf" onchange="changeusf(this.value);">
<option value="--------------------">Select One</option>
<option value="0.00">No Tax</option>
<option value="0.18">18% Tax</option>
<option value="0.07">7% Tax</option>
</select>
function changeusf(val) 
{
    document.getElementById("usf").value = val; 
}

在这里，我们使用简单的JavaScript将select box的值onchange传递给函数，在该函数中，我们只是接收值并将其放入textbox。所以我们不会使用任何在browser中产生任何问题的东西

你应该这样做:

document.getElementById("usf").value = document.getElementById("optionsusf").value;

代替setAttribute

1。在changeusf函数
中添加以下jquery代码$("#usf").val($("#optionsusf option:selected").text())

相关文章：