Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取combobox的基本java脚本_Javascript_Jquery_Html_Asp.net Mvc - Fatal编程技术网

Javascript 获取combobox的基本java脚本

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> } <

我只是从asp.NETMVC网站中的一些java脚本开始

我现在有一张我正在制作的表格

提示用户的第一个字段是combobox/select(html格式)

下面是它的代码:

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