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 に答える