Question

如何从<select>元素中选择一个选项，然后将该值发送给MySQL？之后，我想要以编程方式单击“保存”按钮。

HTML：

<body>
<form>
<select name="ABCD">
<option value="A">A</option>
<option value="B">B</option>
<option value="D">C</option>
<option value="c">D</option>
</select>
<input type="submit" value="save" />
</form>
</body>

jQuery：

<script>
$.ajax({
  url: "ABC.php",
  data:{ABCD:'B'},
  datatype: "html",
  success: function(data){

   $(data).find("form").find("input[type=submit]").click();
  }
});
</script>

我试过了：

data:{ABCD:'B'} //json

确实按下了保存按钮，但它没有向MySQL发送数据。

如何发送所选值并单击保存按钮？

Answer 1

我认为您在选择时想要发送数据。

<body>
<form>
<select name="ABCD" onchange="yourFunction(this.value)">
<option value="A">A</option>
<option value="B">B</option>
<option value="D">C</option>
<option value="c">D</option>
</select>
</form>
</body>


<script>
function yourFunction(val){
    $.ajax({
      url: "ABC.php",
      data:{ABCD:val},
      datatype: "html",
      success: function(data){
        $(data).find("form input[type=submit]").trigger('click');
      }
    });
}
</script>

或

<form> <select id="ABCD" name="ABCD"> <option value="A">A</option> <option value="B">B</option> <option value="D">C</option> <option value="c">D</option> </select> </form> </body> <script> $('#ABCD').change(function(){ var val = $(this).val(); $.ajax({ url: "ABC.php", data:{ABCD:val}, datatype: "html", success: function(data){ $(data).find("form input[type=submit]").trigger('click'); } }); }); </script>

如何从表单选择元素发送数据？

1 个答案: