javascript - ajax,当它具有不同的值时,我得到相同的值
问题描述
我点击了不同的值,但 console.log 给了我相同的值。 在此处输入图像描述
我也会value attribute
选择具有不同值的 html 代码,但是它给了我属性的第一个值。
在此处输入图像描述
实际上,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 事件并获取所选值。您可以使用以下任何一种
推荐阅读
- cytoscape - Cytoscape 3.8.2:下载了最新版本,但在任何地方都找不到 CytoscapeConfiguration 来删除虚拟文件
- go - 将验收测试写入 terraform 模块并将其转移到资源验收测试
- dependency-injection - ASP.NET Core MVC:创建业务和模型时如何实现SOLID原理?
- ruby - ElasticTranscoder gem 在创建作业时抛出模糊错误
- laravel - 顺风中的标头对齐
- python - 无法通过 ISODate 查询 pymongo
- tensorflow - TensorFlow 操作是默认并行执行还是顺序执行?
- reactjs - 在 React js 中单击按钮时重定向到新页面
- opengl-es - 清除/擦除屏幕周围框架的最佳方法?
- react-native - 如何在 menu.item 中实现 onPress?native-base@3.2.1-rc.1