如何使用jquery更改选择选项
How to change select option with 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>
我通过单击按钮传递严重性,它始终等于其中一个值。我只是基本上想让选定的选项更改为设置的任何"严重性"。因此,如果我将"严重"传递给函数,那么所选选项现在应该是"严重"。
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);
});
});
}
试试这个:
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");
});
});
}
function change_severity(severity) {
$(".vuln-table tr").find('td input:checked').each(function() {
$(this).closest('tr').find("select").val(severity);
});
}
change_severity("信息")
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
});
});
}
相关文章:
- CKeditor:更改对话框中的默认选择选项
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- AngularJs列表ng单击以选择选项转换
- 使用基于文本的 Jquery 选择选项
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 在php和mysql中选择选项.一旦选择了选项,就列出我的sql数据库数据
- 选择选项时如何显示警报
- 使用php动态更改选择选项
- 选择“选择选项”时显示文本.怎么做
- LEAFLET地图和带有选择选项的标记-ANGULARjs
- 使用js将动态内容添加到选择选项列表中
- 用于使用javascript循环选择选项
- AngularJS-选择选项并在函数中使用它
- 禁用/启用基于单选/选择选项所选Javascript的文本框
- 如何使用jQuery隐藏与选择选项相关的选择选项列表
- 选择选项是添加或删除事件
- 使用jQuery向“选择选项”添加默认属性
- 构建HTML选择字段并使用JavaScript数组选择选项
- 带有动态选择选项的Firefox html5验证异常
- 只有当Angular从资源对象检索数据时,才选择选项元素