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和名称字段。现在使用foreach循环直接从数据库中使用ID，而不是从脚本块中的变量生成数字，以确保数据库中的ID和Name正确排列。

<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的反射属性（与 {{1}不同} {元素，其中input属性不 value属性的反射属性）：

value

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

1 个答案: