Javascript 如何在html中使用java脚本动态替换隐藏值 新奥尔良 纽约 橘子园 奥兰多 函数onChangeHiddenValue（cityName） { 警报（document.getElementById（'customCity'）.value）； }

我需要使用javascript动态更改隐藏值“listname”

例如，当前listname的值为Qpoustin。但是当我将值更改为qpneworleans时，“listname”值应该替换为qpneworleans

如何做到这一点

---

好心的建议。提前感谢

如果您能为隐藏元素提供一个id，那就更好了。差不多

<form method="post" name="test" id="test">
<input type="hidden" name="listname" value="qpaustin" />
<select name="customCity" id="customCity" onchange="javascript:onChangeHiddenValue(this.value);"> 
<option value="qpneworleans" >qpneworleans</option>
<option selected="selected" id="listSelectionActiveOption" value="qpnewyork" >qpnewyork</option>
<option value="qporangecounty">qporangecounty</option>
<option value="qporlando">qporlando</option>
</select>
</form>
<script type="text/javascript">
function onChangeHiddenValue(cityName)
{

    alert(document.getElementById('customCity').value);

}
</script>

---

如果您可以为隐藏的元素提供一个id，那就更好了。差不多

<form method="post" name="test" id="test">
<input type="hidden" name="listname" value="qpaustin" />
<select name="customCity" id="customCity" onchange="javascript:onChangeHiddenValue(this.value);"> 
<option value="qpneworleans" >qpneworleans</option>
<option selected="selected" id="listSelectionActiveOption" value="qpnewyork" >qpnewyork</option>
<option value="qporangecounty">qporangecounty</option>
<option value="qporlando">qporlando</option>
</select>
</form>
<script type="text/javascript">
function onChangeHiddenValue(cityName)
{

    alert(document.getElementById('customCity').value);

}
</script>

几点意见：

onchange

事件应该绑定到

select

元素，no绑定到

选项

s

为表单指定一个名称，这将使编程访问更容易，例如

document.forms['formName']

例如：

document.getElementById("listname").value = cityName;

新奥尔良
纽约
橘子园
奥兰多
函数onChangeHiddenValue（cityName）{
//DOM2访问表单和元素的标准方式
document.forms['form1'].elements['listname'].value=cityName；
}

检查上述示例。

一些评论：

onchange

事件应该绑定到

select

元素，no绑定到

选项

s

为表单指定一个名称，这将使编程访问更容易，例如

document.forms['formName']

例如：

document.getElementById("listname").value = cityName;

新奥尔良
纽约
橘子园
奥兰多
函数onChangeHiddenValue（cityName）{
//DOM2访问表单和元素的标准方式
document.forms['form1'].elements['listname'].value=cityName；
}

---

检查上述示例。

除了Rahul提供的解决方案之外，您还可以尝试以下方法

<form method="post" name="form1">
  <input type="hidden" name="listname" value="qpaustin" />
  <select name="customCity" onchange="onChangeHiddenValue(this.value);"> 
    <option value="qpneworleans">qpneworleans</option>
    <option selected="selected" value="qpnewyork">qpnewyork</option>
    <option value="qporangecounty">qporangecounty</option>
    <option value="qporlando" >qporlando</option>
  </select>
</form>

<script type="text/javascript">
function onChangeHiddenValue(cityName) {
  // DOM2 standard way to access forms and elements
  document.forms['form1'].elements['listname'].value = cityName;
}
</script>

---

在Javascript中，您可以通过名称引用表单元素。

除了Rahul提供的解决方案之外，您还可以尝试以下方法

<form method="post" name="form1">
  <input type="hidden" name="listname" value="qpaustin" />
  <select name="customCity" onchange="onChangeHiddenValue(this.value);"> 
    <option value="qpneworleans">qpneworleans</option>
    <option selected="selected" value="qpnewyork">qpnewyork</option>
    <option value="qporangecounty">qporangecounty</option>
    <option value="qporlando" >qporlando</option>
  </select>
</form>

<script type="text/javascript">
function onChangeHiddenValue(cityName) {
  // DOM2 standard way to access forms and elements
  document.forms['form1'].elements['listname'].value = cityName;
}
</script>

---

在Javascript中，您可以通过名称引用表单元素。

yes。当然我做错什么了吗？是的。当然我做错什么了吗？