动态生成的选择标签选项未由jquery过滤

debugcn 发表于 Dev

Madhesh

我使用jstl如下所示动态生成选择标签。但是我无法在jquery中选择该选项。

JSP：

<c:forEach var="p" items="${model.multiphase}" varStatus="row">
    <select class="form-control status" name="status">
        <option value="Notyetstarted">Not Yet Started</option>
        <option value="Inprogress">InProgress</option>
        <option value="Onhold">OnHold</option>
        <option value="Closed">Closed</option>
    </select>
    <input type="hidden" id="upstatus_${row.index}" value="<c:out value='${p.getProjectPhase().getPhaseStatus()}'/>" />
</c:forEach>

上面的jstl生成下面的html

<select class="form-control status" name="status">
        <option value="Notyetstarted">Not Yet Started</option>
        <option value="Inprogress">InProgress</option>
        <option value="Onhold">OnHold</option>
        <option value="Closed">Closed</option>
    </select>
    <input type="hidden" id="upstatus_0" value="Closed" />
 <select class="form-control status" name="status">
        <option value="Notyetstarted">Not Yet Started</option>
        <option value="Inprogress">InProgress</option>
        <option value="Onhold">OnHold</option>
        <option value="Closed">Closed</option>
    </select>
    <input type="hidden" id="upstatus_1" value="Onhold" />

我已经使用下面的jQuery来选择选项。

$(".status option").each(function () {
    alert("fd");

    $(this).find("option").filter(function () {

        return $(this).val() == $("#upstatus_" + index).val();

    }).prop('selected', true);
});

如何预选值？任何帮助将不胜感激！！！

更改为此：

$(".status").each(function () {
    var that = $(this);
    $(this).find('option').filter(function (index) {
        console.log($(this).parent().next(":hidden").val());
        return $(this).val() === that.next(":hidden").val()
    }).prop('selected', true);
});

样本演示

更新了示例演示

-> : jQuery没有进入警报。

因为您.each()对选项（而不是select元素）进行了迭代。

尽管您也可以更改为：

$(".status").each(function (i) { // add a index "i" here
    $(this).find('option').filter(function () {
        return $(this).val() === $("#upstatus_"+i).val() // use that here
    }).prop('selected', true);
});