Javascript改进了填充select的ajax调用
Javascript improving ajax call for populating select
我使用这段代码来获取一些数据并填充一个选择下拉列表。
$.ajax({
url: 'myurl here',
method: 'GET',
success: function(result) {
$.each(result.main, function(result, value) {
$('#myselect').append($('<option>').text(value.id).attr('value', value.id));
});
}
});
填充select之后,我需要做的是获得select中填充的第一行的值。
我该怎么做?
要执行此操作,可以将select的val()
设置为数组中的第一个项。试试这个:
success: function(result) {
var html = '';
$.each(result.main, function(result, value) {
html += '<option value="' + value.id + '">' + value.id + '</option>'
});
$('#myselect').append(html).val(result.main[0].id);
}
工作示例
或者,如果要将选择强制为选择中的第一个option
,可以将selectedIndex
属性设置为0
:
$('#myselect').append(html).prop('selectedIndex', 0);
还要注意,我修改了循环,生成了一个只附加到DOM一次的HTML字符串,这比每次迭代修改DOM更快。
更新
我想得到第一个的值,并将其存储在一个变量中,以便稍后使用
在这种情况下,您可以使用result.main[0].id
:
var first = result.main[0].id
相关文章:
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- Javascript/jQuery中的并行Ajax调用
- 任何方式使AJAX调用Gmail API,而无需通过JS库
- node.js请求数据事件未在CORS ajax调用中触发
- 如何从ajax调用返回.wrap()元素
- Ajax调用在Firefox中不会自动响应
- AJAX调用中的非法调用
- 使用AJAX调用将GeoJSON数据拉入传单
- 在MVC 4中,对Controller的Ajax调用为空
- Jquery:对返回JSON数据的php脚本的Ajax调用
- 在ajax调用中阻止来自JS对象的函数
- 如何在MVC5中ajax调用的部分视图中引用外部javascript
- 页面加载后的Ajax调用
- 如何使用Ajax调用特定的控制器和操作来重定向用户
- curl和fileget_contents在ajax调用后不起作用
- 在任何AJAX调用之前触发一个javascript函数
- 无法在mvc视图中使用ajax调用获取操作返回的模型对象列表
- Ajax调用ERror Cross Origin REquest:在rails中自动完成大学列表
- ASP.NET MVC 3-在ajax调用后,重定向到新页面或生成页面刷新
- 点击功能没有'ajax调用动态元素(Backbone)后无法工作