Question

我有这个HTML

<select class="form-control state" name="state" placeholder="State">
    <option value="" selected>- Select State -</option>
</select>

这是我的工作jquery，这将在我更改country <select>

时执行

$modal.find(".state").children().remove();
$modal.find(".state").append($('<option>', {
    value: "",
    text: "- Select State -",
}));

这是我到目前为止测试如何使它成为一个单行jquery以使其更清洁但它无效的测试。

$modal.find(".state").children().remove().parent().append($('<option>', {
    value: "",
    text: "- Select State -",
}));

Answer 1

$modal.find(".state").html("<span> Content Here </span>");

我认为你让事情复杂化了。

Answer 2

从代码中删除父级。

$modal.find(".state").children().remove().append($('<option>', {
    value: "",
    text: "- Select State -",
}));

Answer 3

试试这个;）

var $states = $modal.find(".state"); /* cache element for performance */
$states.children().remove();
$states.append($('<option>', {
    value: "",
    text: "- Select State -",
}));

您可以使用另一种方式，而不是删除子项，然后添加子项，只需更新选择的html：

$modal.find(".state").html($('<option>', {
    value: "",
    text: "- Select State -",
})); /* this will over-right content of select element  */

Answer 4

$modal.find(".state").html('<option value="" selected>- Select State -</option>');

或者

$modal.find("select[name=state]").html('<option value="" selected>- Select State -</option>');

如何结合这个jquery线

4 个答案: