使用jQuery根据选择值更改隐藏字段值

我试图根据用户从下拉菜单中选择的内容更改隐藏表单值。使用jQuery根据选择值更改隐藏字段值

这里是我的jQuery代码：

$("#color").change(function() { 
    if ($(this).val() == "black") { 
     $("#id").val("21"); 
    } else if ($(this).val() == "white") { 
     $("#id").val("22"); 
    } 
});

这里是我的HTML表单：

<form class="addToCart" id="addToCart" name="addToCart" action="/cart/add"> 
    <input type="hidden" id="id" name="id" value="21"> 
    <input type="hidden" id="name" name="name" value="Tank Top"> 
    <table width="100%" border="0" cellspacing="0" cellpadding="2"> 
     <tr> 
      <td align="center"><span class="pink-font">Color</span></td> 
      <td align="center"><span class="pink-font">Size</span></td> 
      <td align="center"><span class="pink-font">Qty</span></td> 
      <td align="center">&nbsp;</td> 
     </tr> 
     <tr> 
      <td align="center"> 
       <select id="color" name="color"> 
        <option value="black" selected="selected">Black</option> 
        <option value="white">White</option> 
       </select> 
      </td>

任何人都可以点我在正确的方向。我似乎无法得到它的工作。

来源

2012-10-18 WebDev84

作品[为我好（http://jsfiddle.net/bradchristie/L5VqF/）（虽然这一点重构的） - 有更多的对此？ –

Works fine man：http://jsfiddle.net/yZneA/'：）' –

你把它放在$（document）.ready（function（）{...}）里面吗？ –

这是我去的代码：

$(function() { 
    $("#color").change(function() { 
     if (this.value == "black") { 
      $("#id").val("21"); 
     } else if (this.value == "white") { 
      $("#id").val("22"); 
     } 
    }); 
});

来源

2012-10-18 05:30:58 WebDev84

使用jQuery根据选择值更改隐藏字段值

回答

相关问题