Question

我有一个<select>字段。

<select name="select-states" disabled="disabled"><option value="">Choose State &raquo;</option></select>

我想将<option>内的<select>替换为从包含多个元素的Ajax脚本收到的响应。

我想知道在没有使用id属性的情况下选择<option> <select name = "select-states">的孩子的选择器？

Answer 1

$('select[name=select-states] option');

Answer 2

像这样：

$('select[name="select-states"] option')

Answer 3

如果您想要替换<option>元素（以及<select>内的任何内容），您应该使用：

$('select[name=select-states]').html(ajaxResultHere);

Answer 4

获取所有选项

$('select[name=select-states] option')

获取所选选项

$('select[name=select-states] option:selected')

用ajax响应替换它的选项

$('select[name=select-states]').html(AjaxResponseHtml)

Answer 5

$(":select[name='elect-states']").find("option")

Answer 6

这样做：

$('select[name="elect-states"]').empty().append(function() {
    var str = '';

    // construct HTML string from Ajax-response data

    return str;
});

Answer 7

$('select[name="select-states"] option').replaceWith(jQueryAjaxWrapper);

其中jQueryAjaxWrapper是包含在jQuery中的AJAX调用的结果：P

如何选择和替换<option>？</option>

7 个答案: