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");