Forms 更改时向两个隐藏字段发送相同的值_Forms_Select_Onchange_Drop Down Menu

Forms 更改时向两个隐藏字段发送相同的值

forms select drop-down-menu

Forms 更改时向两个隐藏字段发送相同的值,forms,select,onchange,drop-down-menu,Forms,Select,Onchange,Drop Down Menu,我很难将相同的值传递给两个隐藏字段。例如，如果我选择产品1，我希望两个隐藏字段的值都是X <select> <option value="X">Product 1</option> <option value="Y">Product 2</option> <option value="Z">Product 3</option> </select> <input id="test" name="p

我很难将相同的值传递给两个隐藏字段。例如，如果我选择产品1，我希望两个隐藏字段的值都是X

<select>
<option value="X">Product 1</option>
<option value="Y">Product 2</option>
<option value="Z">Product 3</option>
</select>
<input id="test" name="product_id[]" type="hidden" value="">
<input id="test" name="product_id" type="hidden" value="">


产品1
产品2
产品3

我尝试过使用onchange方法，但是我只能传递一个值，只能传递一个隐藏字段，不能同时传递两个

这是我尝试过的，虽然我对两个字段使用了相同的id，但我现在意识到这不起作用

<form action="../index.php" method="post" >     
 <div id="Select">
          <select id="myselect" onchange="this.form.prodhid.value=this.selectedIndex">
    <option>Please Select an Amount</option>
             <option value="1">Product 1</option>
            <option value="2">Product 2</option>
            <option value="3">Product 3</option>
    </select>    
     <input type="hidden" name="product_id[]" id="prodhid" value="" />
     <input type="hidden" name="product_id" id="prodhid" value="" />
<input value="Add to Cart" title="Add to Cart" type="submit">
</form>


请选择一个金额
产品1
产品2
产品3

您无法访问具有相同id的两个DOM元素。因此，您可以将标记更改为如下内容

<input id="test1" name="product_id[]" type="hidden" value="">
<input id="test2" name="product_id" type="hidden" value="">

或者您可以尝试以下方法：

<html>
  <head>
    <script type="text/javascript">
      function change()
      {
        var list = document.getElementById('test-group')
                           .getElementsByTagName('INPUT');
        for (var i = 0; i < list.length; ++i)
          list[i].value = 'X';
      }
    </script>
  </head>
  <body>    
    <select onchange="change()">
      <option value="X">Product 1</option>
      <option value="Y">Product 2</option>
      <option value="Z">Product 3</option>
    </select>
    <div id="test-group">
      <input name="product_id[]" type="hidden" value="">
      <input name="product_id" type="hidden" value="">
    </div>
  </body>
</html>


函数更改（）
{
var list=document.getElementById（'测试组'）
.getElementsByTagName（“输入”）；
对于（变量i=0；i

我们可以看到将值传递给隐藏字段（即onChange方法）的代码吗？当然可以，我在原始帖子中更新了代码