设置动态更改的html选择的“已选择”值

时间:2013-05-06 17:29:54

标签: javascript jquery html ajax

我有一个HTML <select>,它已经从JSON中填充了AJAX。

现在我想使用JavaScript设置列表的选定值。

我试过这种方式:

document.getElementById("selectID").value = value

并使用jQuery:

$('#selectID').val(value)

但这对我填充AJAX的列表不起作用,而与其他“普通”HTML <select>一起使用。

你能帮助我吗?

3 个答案:

答案 0 :(得分:0)

确保您的值确实是值,而不是选项标记的文本。

<option value="someValue">someText<option/>

答案 1 :(得分:0)

由于在ajax调用响应之后填充了Select选项值,因此请尝试将脚本放入 ajax调用的成功处理程序或在选项选择上使用jquery的.on()方法。

.on() method用于绑定事件,甚至是在页面加载后加载的元素上。

答案 2 :(得分:-1)

selectedIndex元素的select设置为您想要的元素。

http://help.dottoro.com/ljsthorn.php

例如:

var select = document.getElementsByTagName('select')[0];
select.selectedIndex = 2;

这会将其设置为索引'2'。只要知道你的价值所在的指数。如果你不这样做,那就做indexOf并寻找它。