Question

我刚开始在asp.net mvc网站上使用一些java脚本。

我目前有一份我正在处理的表格。

提示用户的第一个字段是组合框/选择（在html中）

这是代码：

<select name="select">

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

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

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

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

我该怎么做呢？

请按照完成方法的方式给出新答案。我假设我将使用java脚本吗？

Answer 1

虽然我无法详细理解你的问题，但我希望能帮到你。

<强> HTML

如果您有一个如下所示的select元素：

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

哪会使current成为test2

Answer 2

放入select元素的onChange =“getSelectedValue”属性，然后使用以下javascript。

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

Answer 3

如果我正确理解了您的问题，您希望对组合框值进行更改并在页面中显示不同的内容。

如果是这种情况，您需要知道的是

如何处理选择（下拉列表）中的更改事件
填充空白字段

以下是如何在下拉列表中注册和处理更改事件：

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

Here's a fiddle that demonstrates this

获得组合框的基本javascript

3 个答案: