根据父选择元素的id属性更改选择选项的值

Question

我有多个选择选项。 如果我选择一个特定的select元素，例如id="a"我想将option值设置为0 。

$('#form option:selected').each(function() {
    var id = $(this).attr('id');
    if(id == 'a') {
        val = 0;
    } else {
        val = 10;
    }
    console.log(val);
});

我得到了undefined价值。

Answer 1

jQuery无法使用的部分原因是因为val是一个undefined变量。 您应该一直使用this.value来设置/获取option元素的值。

根据您的评论，如果id在select元素上，则显示为您想要的样子：

这里的例子

$('form option:selected').each(function() {
    var id = $(this).parent().prop('id');
    this.value = id === 'a' ? 0 : 10;
});

---

值得一提的是，只需使用.val()方法即可简化代码。 它将遍历元素，您需要做的就是返回一个值：

更新示例

$('form option:selected').val(function () {
    return $(this).parent().prop('id') === 'a' ? 0 : 10;
});