Java脚本未在ASP.NET MVC中调用

Question

我有麻烦了。

我的mvc应用程序中具有以下视图：

@model Radio_Management_Interface.Models.Blocks.blocks_create

@{
 ViewBag.Title = "Create Block";
 Layout = "~/Views/Shared/_Layout_main.cshtml";
}

<script>
 function getSelectedValue(sel) {
    window.alert("You change the combo box");
}
</script>


<div class="contenttitle">
  <h2 class="form"><span>Create A New Block</span></h2>
</div><!--contenttitle-->
@using (Html.BeginForm("Create", "Blocks", FormMethod.Post, new { @class = "stdform" }))
{
 @Html.AntiForgeryToken()
 <hr />
 @Html.ValidationSummary(true)

<p>
    <label>Select Network</label>
    <span class="field">
        <select name="select" onclick="getSelectedValue">
            @foreach (var item in Model.networks)
            {
                <option value="@item.networkID">@Html.DisplayFor(modelItem => item.name)</option>
            }
        </select>
    </span>
    @Html.ValidationMessageFor(model => model.block.start)
    <small class="desc">Name of the customer.</small>
</p>

需要关注的具体部分是：

<select name="select" onclick="getSelectedValue">

为什么不调用此事件？ 当我在网站上的select元素中更改选项时，我的JavaScript文件无法运行。 为什么会这样呢？

Answer 1

您想使用onchange事件，而不是onclick事件，并将其传递给您的方法所期望的参数：

HTML：

<select name="select" onchange="getSelectedValue(this)">

JS：

function getSelectedValue(sel) {
    window.alert(document.getElementById(sel.value));
}

Answer 2

我认为您缺少括号，也应该是更改事件-onchange =“ getSelectedValue（）”

Answer 3

选择使用更改事件而不是onclick。

您可以使用jQuery这样连接事件：

<script>
$( "select" )
  .change(function () {
    var str = "";
    $( "select option:selected" ).each(function() {
      str += $( this ).val() + " ";
    });
    window.alert( str );
  })
  .change();
</script>

http://api.jquery.com/change/

jQuery的特性并不突出，因此不会将功能与html混合使用，并且可以优雅地处理错误，而不是使用嵌入到html中的方法。