1

ドロップダウン リストから年と月を選択できるシンプルなカレンダーを作成しました。

<form name=calenderselect method='post' action='calendar.php'>
<select name='month' id='month'>
<option>January</option>
<option>Februari</option>
<option>March</option>
....
</select>
<input type='submit' name='submit' value='Change' />
</form>

月を変更するたびに送信ボタンを押さなければならないのは少し面倒です。リストの月をクリックした瞬間に変更したいと思います。

4

6 に答える 6

7

はい、どうぞ：<select name='month' id='month' onclick="this.form.submit()">

onchangeしかし、あなたは本当にイベントごとにフォームを送信したいと思います。

于 2012-06-07T07:37:09.153 に答える
3

select に JavaScript イベントを追加します。

<select name="month" id="month" onChange="yourjsfunction()">
于 2012-06-07T07:36:20.077 に答える
0 
<select name="month" id="month" onChange="document.getElementsByName('calenderselect')[0].submit()">
于 2012-06-07T07:37:20.450 に答える
0

この機能に JavaScript を使用できることを考えると (他の回答で述べたように)、日付コントロールの変更のために送信する必要があるかどうか疑問に思う必要があります。選択した日付に必要なデータを取得するために AJAX を使用すると、ページが更新されないため、よりスムーズになります。

于 2012-06-07T07:38:38.217 に答える
0

これを実現するには、クライアント側のイベントが必要です (選択の場合は「onChanged」でしょうか?)

1. イベントをリッスンしonChange="submitForm()ます。select タグに追加します。 2. submitForm()JavaScript 関数を定義します。基本的には単純なフォーム送信で、長すぎません

終わり！

グーグルで見てください：「Javascriptを介してフォームを送信する方法」：

于 2012-06-07T07:38:55.263 に答える
0

jQueryを使用している場合..

$("#month").live('change',function() {
  $('form').submit();
});

これは、html コードをきれいにしたい場合に便利です。

于 2012-06-07T07:41:32.313 に答える