• 締切済み

テキストフィールドの値に変更があったら

テキストフィールド(start_date)では、 $("#start_date").datepicker({dateFormat:'yy-mm-dd'}); として日付入力をします。 その日付フィールドに変更があったら、ajaxaで処理をしたいのです。 そこで、jsに $(document).ready(function() { $(".start_date").change(function(){ var d=$(this).val(); var dataString = 'start_date'+ d; $.ajax({ type: "POST", url: "ajax_org.php", data: dataString, cache: false, success: function(html){ $(".org_id").html(html); } }); }); }); と記述し、変更があったらajax_org.phpを読んで、セレクトボックスの内容を変更させようと しているのですが、このajax_org.phpにテキストボックスの内容がPOSTされないのです。 セレクトボックスに変更があった場合には、valの値が、上記の記述でPOSTで読めるのですが、 なにがいけないのでしょうか? ご教授お願いします!!

みんなの回答

回答No.1

テキストボックスのchangeイベントはテキストボックスにフォーカスがあるうちは編集中とみなされて動作しませんがその点については問題ないでしょうか?

inokimi
質問者

お礼

すみません!自己解決しました。 ar dataString = 'start_date'+ d; を ar dataString = 'start_date='+ d; に変更し、ちゃんと動きました。 ありがとうございました。

inokimi
質問者

補足

フォーカス移動した時点でajax_org.phpは呼ばれて、 処理もできているのですが、POSTされたデータが、 ajax_org.phpに渡っていないのです。 上記で、テキストフィールドではなく、セレクトボックス に変更があった場合には、同じjsで上手く、POSTされた 値が渡されています。 テキストボックスの時には、なにかが違うのでしょうか? すみませんが、宜しくお願いします。

関連するQ&A