jQuery函数更改html元素上“ value”属性的值

Question

有没有办法使用$(".class").change(function(){或$("#id").change(function(){ ，但是要更改选项元素的value属性的值这样吗

<select>
    <option value="changeThis">opt</option>
</select>

我正在使用for循环从关系数据库中生成选择列表的每个选项，因此我需要一个函数来自动增加该值，以便它们是唯一的。

---

新代码：

<div class="facilitySelection">
    <select name="Facility" class="form-control">
        <option selected disabled>Select a facility...</option>
        @{
            var i = 1;

            foreach (var item in Model)
            {
            <option value="@i">@Html.DisplayFor(modelItem => item.FacilityName</option>
            i++;
            }
        }
    </select>
</div>

---

较新的代码：

我有一张设施表，其中有一个ID和Name字段。 现在，使用foreach循环直接从数据库中使用ID，而不是从脚本块中的变量生成数字，以确保数据库中的ID和名称正确对齐。

<div class="facilitySelection">
    <select id="Facility" name="Facility" class="form-control">
        <option selected disabled>Select a facility...</option>
        @{  
            foreach(var f in ViewBag.Facilities)
            {
                <option value="@f.Id">@f.Name</option>
            }
        }
    </select>
</div>

Answer 1

您可以使用attr函数更改属性：

$("selector-for-the-option").attr("value", "new value");

也可以使用prop因为value一个的option元件具有反射属性调用value （ 不同于 input元件，其中，所述value属性不是用于反射属性value的属性）：

$("selector-for-the-option").prop("value", "new value");