[英]Insert Drop down Value to a multiple text boxes
我在表格中有一张桌子
<table id="tablereport2"
class="table table-striped table-bordered table-hover table-condensed">
<thead style="background-color:black; font-weight:bold;
color:aliceblue">
<tr>
</thead>
<tr>
<th>Class ID</th>
<th>Course Title</th>
<th>Department</th>
<th>SID</th>
<th>Full Name</th>
<th>Minutes</th>
</tr>
@for (var i = 0; i < Model.Count; i++)
{
<tr id="texbox">
<td>
@Html.DisplayFor(model => model[i].ClassID)
@Html.HiddenFor(model => model[i].ClassID)
</td>
<td>
@Html.DisplayFor(model => model[i].CourseTitle)
@Html.HiddenFor(model => model[i].CourseTitle)
</td>
<td>
@Html.DisplayFor(model => model[i].Department)
@Html.HiddenFor(model => model[i].Department)
</td>
<td>
@Html.DisplayFor(model => model[i].SID)
@Html.HiddenFor(model => model[i].SID)
</td>
<td>
@Html.DisplayFor(model => model[i].FullName)
@Html.HiddenFor(model => model[i].FullName)
</td>
<td>
@Html.TextBoxFor(model => model[i].Minutes, new {
placeholder = "0", id = "minutes" })
@Html.ValidationMessageFor(model =>
model[i].Minutes)
</td>
</tr>
}
</table>
<table align="center">
<tr>
<td>
<input type="hidden" value="Save" id="btn-submit"
class="btn btn-default" />
<span>
@Html.ActionLink("Save", "Class", "Class",
new { @class = "btn btn-success btn-md insertBtn",
StartTime = Dat
我想使用右上角的下拉菜单填充文本框。
Rite 现在可以工作,但只填充第一个不会通过循环。
<td align="right">
<b>@Html.Label("Select Minutes :")</b>
<select id="dropdown">
<option value="50">50</option>
<option value="100">100</option>
</select>
</td>
我的 Java 脚本
<script>
$(function () {
$('#dropdown').change(function () {
var minutes = $(this).val();
$('#minutes').val(minutes);
});
});
任何想法家伙,我想以最简单的方式做到这一点。
谢谢您的帮助
您对元素使用相同的minute
id,因此它会在第一次匹配后停止,因为 id 元素必须是唯一的。 改为添加minutes
课程,您就可以了。
$(function() { $('#dropdown').change(function() { var minutes = $(this).val(); if (minutes != "") $('.minutes').val(minutes); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input class="minutes" /><br/> <input class="minutes" /><br/> <input class="minutes" /><br/> <input class="minutes" /><br/> <select id="dropdown"> <option value="">Select</option> <option value="50">50</option> <option value="100">100</option> </select>
正如评论中已经指出的,id 应该是唯一的。 因此,您需要使用类而不是 id。
改变
id = "minutes”
到
class = "minutes”
和
$('#minutes').val(minutes);
到
$('.minutes').val(minutes);
就是这样!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.