0

如何从<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。

我怎样才能既发送选定的值并单击保存按钮？

4

1 回答 1

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>
于 2013-03-28T23:14:06.117 回答