Javascript 获取combobox的基本java脚本
我只是从asp.NETMVC网站中的一些java脚本开始 我现在有一张我正在制作的表格 提示用户的第一个字段是combobox/select(html格式) 下面是它的代码:Javascript 获取combobox的基本java脚本,javascript,jquery,html,asp.net-mvc,Javascript,Jquery,Html,Asp.net Mvc,我只是从asp.NETMVC网站中的一些java脚本开始 我现在有一张我正在制作的表格 提示用户的第一个字段是combobox/select(html格式) 下面是它的代码: <select name="select"> @foreach (var item in Model.networks) { <option value="">@Html.DisplayFor(modelItem => item.name)</option> } <
<select name="select">
@foreach (var item in Model.networks)
{
<option value="">@Html.DisplayFor(modelItem => item.name)</option>
}
</select>
@foreach(Model.networks中的var项)
{
@DisplayFor(modelItem=>item.name)
}
现在,我的下一个字段取决于他们从组合框中选择的选项
如何根据他们在组合框中选择的选项填充下一个字段
因此,当用户导航到该页面时,他们将有一个组合框,其中填充了所有选项。下面是空字段。当用户在组合框中选择一个选项时,我希望它用所选选项的相应数据填充空字段
我该怎么做呢
请给出一个新的答案,就像将要做的那样。我假设我将使用java脚本进行此操作?虽然我不能详细理解您的问题,但希望我能帮助您。
HTML 如果选择的元素如下所示:
<select id=dropdown>
<option value="1">test1</option>
<option value="2" selected="selected">test2</option>
<option value="3">test3</option>
</select>
将使成为当前的成为2
。如果实际需要的是test2
,请执行以下操作:
var e = document.getElementById('dropdown');
var strUser = e.options[e.selectedIndex].text;
这将使成为当前的test2
将select元素的onChange=“getSelectedValue”属性放入,然后使用以下javascript
<script>
function getSelectedValue(sel)
{
txtToFill.Text(sel.options[sel.selectedIndex].text);
}
</SCRIPT>
函数getSelectedValue(sel)
{
Text(sel.options[sel.selectedIndex].Text);
}
如果我正确理解了您的问题,您希望对组合框值的更改做出反应,并在页面中显示不同的内容
如果是这样的话,你需要知道的是
- 如何处理选择(下拉)中的更改事件
- 填充空字段
以下是如何在下拉列表中注册和处理更改事件:
$("select[name='select']").on("change", function(){
$('#input1').val("What you want in the input goes here");
});
$("select[name='select']").on("change", function(){
$('#input1').val("What you want in the input goes here");
});