×
時間単価制 |
1,000円 〜 1,500円 |
---|---|
稼働時間/週 | 5時間/週 |
期間 | 1週間以内 |
掲載日
|
2014年10月05日 |
応募期限 |
2014年10月19日 |
応募した人 | 1 人 |
---|---|
契約した人 | 1 人 |
募集人数 | |
気になる!リスト | 1 人 |
HTML,jQueryの超基礎を学び、見よう見まねでHTMLをファイルを作ったものの、動作しません。ぐぐってもよくわからないので、クラウドワークスにて質問致します。契約を結んだ方はHTMLの間違い箇所を指摘して頂けるとありがたいです。 HTMLの内容は、ざっくり言うと、2つのドロップダウンメニューがあり、1つ目のドロップダウンメニューの選択内容によって2つ目のドロップダウンメニューの表示する内容が変わるというものです。そして、2つ目のドロップダウンメニューを選択するとさらに選択した内容に応じたチェックボックスが表示されるというものです。サーバーなどにもアップせず、自分のPCでHTMLファイルを開いて、1つ目のドロップダウンメニューを選択しても、2つ目のドロップダウンメニューの項目が変化しません。以下にソースコードを載せるので、間違い箇所を指摘して頂けるとうれしいです。(問題を単純化するため、チェックボックスに関する所は除き、更にその他問題に関係ないと思われるところを省略しています。) <!DOCTYPE html> <html lang="ja"> <head> //ここにhead要素が入る(簡単化するため省略) </head> <body> //以下、1つ目のドロップダウンメニュー <select class=""> <option value="1">選択ボタン1</option> <option value="2">選択ボタン2</option> </select> //以下、2つ目のドロップダウンメニューの場所を準備 <select class=""></select> //jQueryの準備 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> //bootstrap(スタイリングに使ってるcssフレームワーク)の準備 <script src="js/bootstrap.min.js"></script> //2つ目のドロップダウンメニューの項目追加 <script> $(function () { $('.select1').on('change',function () { //一応2つ目のドロップダウンメニューの項目全消去 $('<option>').remove(); switch ($(this).val()){ case "1": $('.select2').append($('<option>').html("あああ").value("1")); break; case"2": $('.select2').append($('<option>').html("いいい").value("2")); break; }//switch文の終わり }//change functionの終わり }// jQuery functionの終わり </script> </body> </html> ソースコードは以上になります。間違いが分かった方は是非応募して、間違いを教えて頂けるとうれしいです。なお、報酬については、当方学生でお金がありませんので、低めですが、ご理解とご協力をお願いします。 |
クラウドワーカー | 応募日時 |
---|---|
furukubo | 2014/10/05 17:47 |