2014-01-22 23 views
1

我刚刚开始使用asp.net mvc网站中的一些java脚本。获取组合框的基本java脚本

我目前有一个表格,我正在努力。

,用户会被提示的第一个字段是一个组合框/(在HTML)

这里选择是它的代码:

<select name="select"> 

@foreach (var item in Model.networks) 
{ 
    <option value="">@Html.DisplayFor(modelItem => item.name)</option> 
} 
</select> 

现在我的下一个字段取决于具体的选项,他们从组合框中选择。

如何根据他们在组合框中选择的选项来填充下一个字段?

因此,当用户导航到页面时,他们将为组合框填充所有选项。在下面将是空的领域。当用户在组合框中选择一个选项时,我希望它使用选择的选项中的相应数据填充空字段。

我该如何去做这件事?

请给出新的答案,在它将完成的方法。我假设我将使用它的Java脚本?

回答

1

尽管我无法详细了解您的问题,但希望我能帮助您。

HTML

如果你有一个看起来像这样的选择元素:

<select id=dropdown> 
    <option value="1">test1</option> 
    <option value="2" selected="selected">test2</option> 
    <option value="3">test3</option> 
</select> 

普通的JavaScript解决方案

运行此代码:

var element = document.getElementByID('dropdown'); 
var current = e.options[e.selectedIndex].value; 

会使current成为2。如果你真正想要的是test2,那么这样做:

var e = document.getElementById('dropdown'); 
var strUser = e.options[e.selectedIndex].text; 

这将使currenttest2

0

把的onChange =“getSelectedValue” select元素的属性,然后使用下面的JavaScript。

<script> 
function getSelectedValue(sel) 
    { 
     txtToFill.Text(sel.options[sel.selectedIndex].text); 
    } 
</SCRIPT> 
0

如果我正确理解你的问题,你要反应到组合框的值变化,并显示在页面不同的内容。

如果这是你需要知道的情况是

  • 如何选择办理变更事件(下拉)
  • 填入空字段

这里是你如何能注册并处理下拉菜单中的更改事件:

$("select[name='select']").on("change", function(){ 
    $('#input1').val("What you want in the input goes here"); 
}); 

Here's a fiddle that demonstrates this