Ajaxでデータベースからデータを取得してそのデータを利用してチェックボックスを生成しようとしています。
しかしながら、上手くチェックボックスが表示されません。
下記のようにしていますが、どこが悪いのかよく分からず行き詰っています。
宜しくお願いいたします。
ちなみにPHPプログラムであるSample.phpを単体で動かした場合は
DBからデータを取得してJasonデータが表示されました。
$(function(){ //選択変更があったとき $('.sec4').change(function(){ var child_category = $('#child_category').val(); $.ajax({ type: "POST", url: "/admin/Sample", data: {"child_category":child_category}, dataType: "json", cache: false, success: function(data, status){ $('#assign').empty(); var str = ''; if(data.length > 0){ for(var i in data){ str += ''; str += '<div class="checkbox">'; str += '<label for="assign_'; str += data[i].assign_code; str += '">'; str += '<input type="checkbox" name="assign['; str += data[i].assign_code; str += ']" id="assign_'; str += data[i].assign_code; str += '" value="1" />'; str += data[i].assign_name; str += '</label>'; str += '</div>'; $("#assign").append(str); } }else{ alert("エラーが発生しました!"); } }, error: function(XMLHttpRequest, status, errorThrown){ alert("エラーが発生しました!"); } }); }); });
埋め込みさきのHTMLです
<div id="sec4"> <p>項目4</p> <p><input type="radio" name="use_sec4" class="sec4" value="1" id="assign1" />利用する<input type="radio" name="use_sec4" class="sec4" value="0" checked="checked" id="assign0" />利用しない</p> <div class="form-group" id="table_sec4"> <div class="col-sm-offset-2 col-sm-10" id="assign"></div> </div> <p id="color_alert" style="color:red"></p> </div>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/02/13 14:53