Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择框更改时的动态文本字段_Javascript_Html_Textfield - Fatal编程技术网

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

Javascript 选择框更改时的动态文本字段,javascript,html,textfield,Javascript,Html,Textfield,我一直在努力寻找答案,并从我的代码和基本浏览器设置攻击它。我想做的是根据选择框的设置更改文本字段。到目前为止,我所做的正是我希望它在除浏览器之外的所有浏览器中所做的。为了实现这一目标,我还需要进一步声明什么,或者是否有其他更适合我最终目标的方法 这就是我现在拥有的 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona

我一直在努力寻找答案,并从我的代码和基本浏览器设置攻击它。我想做的是根据选择框的设置更改文本字段。到目前为止,我所做的正是我希望它在除浏览器之外的所有浏览器中所做的。为了实现这一目标,我还需要进一步声明什么,或者是否有其他更适合我最终目标的方法

这就是我现在拥有的

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

提前感谢您抽出时间。

您应该做的只是:

document.getElementByIdusf.value=document.getelementbyidoptions usf.value

不要使用setAttribute,请尝试以下操作:

<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中。因此,我们没有在任何浏览器中使用任何会产生任何问题的东西。

1.在changeusf函数中添加以下jquery代码 $usf.val$options usf option:selected.text
记得要包括jquery。

我一开始确实是这样做的,结果也是一样的。在所有做我想做的事情的浏览器上,这两个功能同样有效。我现在所做的就是运行一些东西来尝试,但我会把它改回来。这很有效。你能给我一个理由吗?对javascript有点陌生,想知道原因。谢谢你,我刚才给答案加了解释。太好了。再次谢谢你,完成了。真的忘了,很高兴我又看了一遍,让你得到了荣誉。