0 
<form id="form1" name="form1" method="post" action="foo.php">

  sort by:
  <select>
  <option name="date">sort by date</option>
  <option name="name">sort by name</option>
  <option name="price">sort by price</option>
  </select>

</form>

ここで必要なのは、オプションを選択すると、フォーム内のアクションが自動的に実行されるということですか? 要するに、私が選択したものは $_POST を介して foo.php で送信されます。入力ボタンでアクションを実行したくありません。

これを実現するには Javascript が必要ですか? これを行うコードを見せてもらえますか? JavaScriptが必要な場合はどうすればよいですか

4

3 に答える 3

1

これには JavaScript が必要ですが、jQuery を使用したい場合は、これは非常に簡単です。jQuery の場合は次のようになります。

$('#form1 select').on('change', function() {
  $('#form1').submit();
});

JavaScript では、要素の onChange イベントをバインドしていselectます。これを行う1つの方法は次のとおりです。

<select onChange="document.form1.submit()">
于 2012-10-08T21:07:34.547 に答える
1

そのためにはJavaScriptが必要です。

目立たない javascriptを使用する必要がありますが、基本的なコードは次のようになります。

<select onChange="document.forms['form1'].submit();">

イベントにイベント ハンドラーをアタッチしchange、フォームを送信します。

于 2012-10-08T21:08:51.380 に答える
0

最も簡単な方法は、select 要素で JavaScript を直接使用することです。イベントは onChange です。

 <select onchange="javascript:document.form1.submit();">

jQuery ベースのフォームを使用することもできます。http://jquery.com/から jQuery JavaScript をダウンロードし、HTML に含めます。その後、次を使用します。

 <select id="sort">

そして、あなたの中に：

 $(document).ready(function(){
           $("#sort").change(function() {
                    $(this).parent().submit();
           });
 });
于 2012-10-08T21:16:11.673 に答える