Use .ajax in a form to make a select secondary linkage. The second select can successfully obtain the data returned by ajax, but when you need to use the form button to submit the entire form data, the button does not respond. How is this going?
Code
<script>
$(document).ready(function(){
$('#subject').change(function(){
var objectModel = {};
var value = $(this).val();
var type = $(this).attr('id');
objectModel[type] =value;
$.ajax({
cache:false,
type:"POST",
url: "URL",
dataType:"json",
data:objectModel,
error:function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
},
success:function(data){
$("#category").empty();
var count = data.length;
var i = 0;
var b="<option>請(qǐng)選擇</option>";
for(i=0;i<count;i++){
b+="<option value='"+data[i].id+"'>"+data[i].category+"</option>";
}
$("#category").append(b);
}
});
});
});
</script>
HTML
<form action="/admin/blogs/create" method="post">
{:token()}
<p class="form-group form-group-sm form-inline">
<label for="title" class="control-label">標(biāo)題</label>
<input type="text" class="form-control" style="width: 400px;" id="title" name="title" required="required">
</p>
<p class="form-group form-group-sm form-inline">
<label for="subject"> 板塊</label>
<select class="form-control" style="width: 200px;" id="subject" name="subject">
<option>請(qǐng)選擇板塊</option>
<!-- 這里是后臺(tái)數(shù)據(jù) -->
</select>
</p>
<p class="form-group form-group-sm form-inline">
<label for="category">子類</label>
<select class="form-control" style="width: 200px;" id="category" name="category">
<option>請(qǐng)選擇</option>
<!-- 這里需要獲取ajax數(shù)據(jù) -->:w
</select>
</p>
<p class="form-group">
<label for="content">內(nèi)容</label>
<textarea id="content" name="content" class="form-control" required="required" rows="12"></textarea>
</p>
<button type="submit" class="btn btn-success">新增</button>
</form>