- 締切済み
チェックボックスが選択されたらファイルを読み込む
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> function getChecked(name) { var AllVals = $('input[name="' + name + '"]:checked').map(function() { return this.value; }); AllVals = $.makeArray(AllVals).join('|'); return AllVals; } function getContents(){ var colorId = getChecked('color_id'); var categoryId = getChecked('category_id'); var serviceId = getChecked('service_id'); var http = $.get ( "http://localhost/eigazuki/results/title:/time:0～300/country_id:" + categoryId + "/genre_id:" + serviceId, null, function ( data ) { $("#serviceListSection").html(data); } ) }; $(function(){ $('input[name]:checkbox').change(function(){getContents();}); }); </script> </head> <body> <input type="checkbox" name="color_id" value="1" />赤 <input type="checkbox" name="color_id" value="2" />黒 <br> <input type="checkbox" name="category_id" value="1">男物 <input type="checkbox" name="category_id" value="2">女物 <br> <input type="checkbox" name="service_id" value="1">季節 <input type="checkbox" name="service_id" value="2">お祝い </body> </html> <section id="serviceListSection"></section> というコードを書き、チェックボックスがチェックされるたびに、 http://localhost/eigazuki/results/title:/time:0～300/country_id:" + categoryId + "/genre_id:" + serviceId の外部ファイルを読み込みたいのですが、全く上手くいきませんなにがダメなのでしょうか？ よろしくお願いします！
- honmaruko
- お礼率0% (0/22)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- tracer
- ベストアンサー率41% (255/621)
何がどのように上手くいかないのでしょうか。
- JaneDue
- ベストアンサー率75% (263/350)
一応動くようですよ。生成されるURLが悪いのではありませんか? alertしてみると http://localhost/eigazuki/results/title:/time:0～300/country_id:1|2/genre_id:1|2 こんな感じで、URLとしてはどうかと思われる : とか| とかいろいろ入ってますが、直接アクセスして表示されるか確認した方がよいでしよう。 http://www5d.biglobe.ne.jp/~stssk/nro/rfc1738_j.txt
