Question

我一直很难找到答案，并从我的代码和基本的浏览器设置中攻击它。我要做的是根据选择框的设置更改文本字段。到目前为止，我所放在一起的确是我希望它在所有浏览器中执行的操作，而不是资源管理器。还有什么我需要声明来实现这个目标还是有另一种方法可以更好地实现我的最终目标？

这就是我现在所拥有的。

<!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>

提前感谢您的时间。

Answer 1

你应该这样做：

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

而不是使用setAttribute

Answer 2

试试这个：

<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将onchange的值select box传递给函数，在该函数中我们只是接收值并将其放入textbox }。因此，我们不会在任何browser中使用任何会产生任何问题的内容。

Answer 3

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

选择框更改时的动态文本字段

3 个答案: