Closed. This question needs details or clarity。它当前不接受答案。
想改善这个问题吗?添加详细信息并通过editing this post阐明问题。
去年关闭。
我单击其他值,但console.log给我相同的值。
enter image description here
我也去具有不同
enter image description here
实际上,ajax有2个选项。这就是我累了。
想改善这个问题吗?添加详细信息并通过editing this post阐明问题。
去年关闭。
我单击其他值,但console.log给我相同的值。
enter image description here
我也去具有不同
value attribute
的html代码具有不同的值,但是,它给了我属性的第一个值。enter image description here
实际上,ajax有2个选项。这就是我累了。
<script type="text/javascript">
$(function(){
$('.categoryList').click(function(){
var cat_id = $(this).attr('value');
var url = "http://localhost:8000/api/getSubcategory/"+cat_id;
$.ajax({
type: "GET",
url: url,
dataType: "JSON",
success: function(res)
{
var html = "";
$.each(res, function (key, value) {
html += "<option value="+key+">"+value+" </option>";
});
$('#subcategory').html($(html).addClass('subcategoryList'));
}
});
});
});
$(document).ready(function() {
$('#subcategory').click(function() {
var subcat_id = $( this ).find( '.subcategoryList' ).attr('value');
console.log(subcat_id);
var url = "/api/getSubcategorytwo/"+subcat_id;
$.ajax({
type: "GET",
url: url,
dataType: "JSON",
success: function(res)
{
var html = "";
$.each(res, function (key, value) {
html += "<option value="+key+">"+value+"</option>";
});
$("#subcategorytwo").html(html);
}
});
});
});
</script>
<div class="col-md-4" >
@foreach($categories as $category)
<option class="categoryList" value="{{$category->id}}">{{$category->category}}</option>
@endforeach
</div>
<div class="col-md-4 ">
<a name="subcategory" id="subcategory" >
</a>
</div>
<div class="col-md-4">
<a name="subcategorytwo" id="subcategorytwo" >
<option value=""></option>
</a>
</div>
enter code here
最佳答案
指定的html代码全部错误。您可以使用<a />
定位标记或<select><option></option> </select>
选择标记。
如果您更喜欢anchor
标记,则可以获得点击功能,但是在html中,您将获得一长串锚点
如果选择select
标记,则可以调用on change事件并获取所选值。您可以使用以下任何一种
on change function
change event handler using jquery
10-06 04:04