Question

我有一个下拉菜单，显示1,2,3 .....：

<td>
   <select id="quantity" name="quantity">
     <option value='1' id="0001">1</option>
     <option value='2' id="0002">2</option>
</td>

它收集值，使用我表单中其他字段的其他值...然后jquery处理程序将值提交到.php文件，该文件将它们写入mysql表中：

...
submitHandler: function(form) {

      $(form).ajaxSubmit({
         type:"POST",
         data: $(form).serialize(),
         url:"something.php",
      }
...

现在我需要添加到下拉列表中再收集一个值id =“price”，就像选项值=“1”一样，价格值应该是值=“100”...

有人能帮助我吗？谢谢。

Answer 1

首先，您需要关闭您的选择菜单！

<td>
<select id="quantity" name="quantity">
    <option value='1' id="0001">1</option>
    <option value='2' id="0002">2</option>
</select>
</td>

然后您可以添加其他输入：

<input type="hidden" value="100" name="price" />

如果整个内容都包含在form标记中，并且您添加了提交按钮，那么$(form).serialize()会将您的表单转换为字符串。以下是：

<form>
    <select id="quantity" name="quantity">
        <option value='1' id="0001" selected>1</option>
        <option value='2' id="0002">2</option>
    </select>
    <input type="hidden" value="100" name="price" />
    <input type="submit" value="SUBMIT" />
</form>
<script type="text/javascript">
    $("form").submit(function(event){
        console.log($(this).serialize());
    });
</script>

将这样的内容输出到您的控制台：

quantity=1&price=100

使用jquery的下拉菜单选项中的2个值？

1 个答案: