我在表格内有一张桌子
<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>
将Web用户控件添加到页面时,asp按钮onclick不会触发 - javascript我正在使用使用Visual Studio模板创建的Web表单应用程序。模板具有一个内容占位符,该占位符被访问的任何页面的内容替换。有问题的页面有几个服务器控件,例如文本框,标签和按钮。当我单击我的更新按钮时,它可以正常工作,这些值会回传并更新数据库。我想在所有子页面上创建通用的登录提示。我的导航栏(位于我的母版页中)具有引导程序设置。我在导航栏中添加了一个下…
Telerik单选按钮所需的字段验证器 - javascript如何设置Telerik单选按钮所需的字段验证器?我想在按钮单击“ BtnSave”上设置必填字段验证器吗?请帮忙!<telerik:RadButton ID="radio_male" runat="server" ToggleType="Radio" AutoPostBack="fa…
用symfony隐藏树枝中的表格行 - javascript我正在开始编码。我正在使用Symfony 3.3我想用复选框隐藏(并显示)表上的a或某些特定行。我尝试使用javascript和jquery。我希望隐藏的行保持隐藏状态。我不知道该怎么做。这是我的树枝{% block body %} <div class="container"> <h3>List of produ…
表单不提交或按钮提交不起作用 - javascript据我所知,此代码必须有效,但是我编码时却无效问题在于该表单未提交。我该如何解决?选中时,我什至没有得到复选框的值。<table id="example" class="display" cellspacing="0" width="100%"> <thead&g…
在PHP文件中调用javascript函数并在加载HTML文件之后? - javascript我需要在我的php中调用js函数,但无法正常工作。有人可以告诉我我在做什么错吗?我该如何轻松地做到这一点?谢谢!我有三个文件: mail.php负责发送$ _POST的内容(工作正常)。我调用我的javascript函数来切换模式,具体取决于邮件是否已发送。 <? ... $response = $sendgrid->send($email);…