javascript - 设置动态更改的 html 选择的“选定”值

Question

<select>我有一个用 JSON 中的 AJAX 填充的 HTML 。

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

我试过这样：

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

并使用 jQuery：

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

但这不适用于我填充 AJAX 的列表，而适用于其他“普通” HTML <select>。

你能帮助我吗？

Answer 1

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

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

Answer 2

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

.on() method即使在页面加载后加载的元素上也用于绑定事件。

Answer 3

Set the selectedIndex of your select element to the one you want.

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

For example:

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

this will set it to index '2'. Just know which index your value is at. If you don't, then just do indexOf and look for it.