如何用jquery更改select选项?

时间:2016-01-16 04:46:55

标签: javascript jquery

所以我有一个带有“vuln-table”类的表,第一列有很多复选框,而最后一列是选项

我基本上已经找到了如何只对包含已选中复选框的行执行警告框;但是,我现在需要弄清楚如何更改所选选项的值

这是我的js文件:

function change_severity(severity) {
    $(".vuln-table tr").each(function() {
        $(this).find('td input:checked').each(function() {
            // this row has a checkbox selected
            // this row needs to have the select value changed
        });
    });
}

这是包含我的选项的HTML

<tr role="row" class="even">
<td class="sorting_1"><input type="checkbox" name="asfasdfd" id="vuln_checked_" value="asdfsdfa"></td>
<td>something</td>
<td><select class="form-control" name="test" id="kjhtkjehtehr"><option value="Severe">Severe</option>
<option value="High">High</option>
<option value="Medium">Medium</option>
<option selected="selected" value="Low">Low</option>
<option value="Informational">Informational</option>
</select>
</td>
<td></td>
</tr>

我通过点击按钮传递严重性,它总是等于其中一个值。我只是想让所选的选项更改为设置为“严重性”的任何内容。因此,如果我将“严重”传递给该函数,则所选选项现在应该是“严重”。

4 个答案:

答案 0 :(得分:2)

http://jsfiddle.net/v1pje44v/12/

以下功能可解决问题

function change_severity(severity) {
$(".vuln-table tr").each(function() {
    $(this).find('td input:checked').each(function() {
        $(this).parent().parent().find("select").val(severity);
    });
});
}

答案 1 :(得分:1)

试试这个:

function change_severity(severity) {
    $(".vuln-table tr").each(function() {
        $(this).find('td input:checked').each(function() {
            $(this).parent().parent().find('option[value="option value"]').remove();
            $(this).parent().parent().find("option:selected").val("option value").text("option value");
        });
    });
}

答案 2 :(得分:0)

function change_severity(severity) {
$(".vuln-table tr").find('td input:checked').each(function() {
   $(this).closest('tr').find("select").val(severity);
});

}

change_severity(&#34;信息性&#34)

答案 3 :(得分:-1)

function change_severity(severity) {
    var tr;
    $(".vuln-table tr").each(function() {
        tr = $(this);
        $(this).find('td input:checked').each(function() {
            tr.find('td select').val('medium'); // add any option you want to change
        });
    });
}