Question

我一直在努力做一些员工。我正在尝试使用jQuery提交表单。这是我的代码。请看看它们。

我的目标是当用户点击任何下拉选项时，表单将被提交。我一直在寻找很长一段时间，但无法找到我特定问题的解决方案。如果您发现此问题与其他问题类似，请对该链接进行评论。

我是jQuery的新手。任何帮助将不胜感激。

HTML：

<form method="post" action="#" id="opart">
  <select name="sort_out" class="sort_tool">
    <option value="low-price">Sort Out Products By...</option>
    <option id="oparst" value="high-price">Price High to Low</option>
    <option value="low-price">Price Low to High</option>
    <option value="low-model">Model Name A-Z</option>
    <option value="high-model">Model Name Z-A</option>
    <option value="low-brand">Brand Name</option>
  </select>
</form>

jQuery的：

$('#oparst').click(function(){
    $('#opart').submit();
});

Answer 1

这可以很容易地完成：

<select name="sort_out" class="sort_tool" onchange="this.form.submit()">
  <option> ... </option>
  <option> ... </option>
</select>

Answer 2

ID 应该是唯一的。

使用change代替click。

$('#oparst').change(function(){
   var value = $(this).val();
   if(value == 'something'){
      $('form#opart').submit();
   }
});

Answer 3

试试这个

<强> HTML

<form method="post" action="#" id="opart">
 <select name="sort_out" class="sort_tool" id="chartName">
  <option id="oparst1" value="low-price">Sort Out Products By...</option>
  <option id="oparst2" value="high-price">Price High to Low</option>
  <option id="oparst3" value="low-price">Price Low to High</option>
  <option value="low-model">Model Name A-Z</option>
  <option value="high-model">Model Name Z-A</option>
  <option value="low-brand">Brand Name</option>
 </select>
</form>

<强>的jQuery

$(function () {
 $("#chartName").click(function (e) {
    $('#opart').submit();
 });
});

我想使用jquery提交一个包含下拉选项的表单

3 个答案: