[英]MVC - html.dropdownlist - calling javascript or controller/method directly?
[英]Javascript wont fire in Html.DropdownList helper in MVC2
誰能告訴我為什么在以下情況下單擊按鈕后為什么不提交JavaScript?
控制器是這樣的:
public ActionResult TestJavaScrip()
{
TestEntities db = new Models.TestEntities();
ViewData["SortOptions"] = new SelectList(db.aspnet_Role, "RoleId", "RoleName");
return View();
}
該視圖包含:
<form>
<%= Html.DropDownList("mySelect",(SelectList)ViewData["SortOptions"],"Please Choose a Role...") %>
<input type="button" onclick="getIndex()" value="Alert index of selected option"/>
</form>
Site.master頭部分的Javascript如下:
<script type="text/javascript">
function getIndex() {
var x = document.getElementById("mySelect");
alert(x.selectedIndex);
}
</script>
渲染如下:
<form>
<select id="mySelect" name="mySelect"><option value="">mySelect</option>
<option value="133d8e56-XXXX-XXXX-XXXX-35ee34e845aa">Administrator</option>
<option value="7c2a6ed5-XXXX-XXXX-XXXX-fecb42bdeebe">Clerk</option>
<option value="54ebe31d-XXXX-XXXX-XXXX-9821df62f5ed">Client</option>
<option value="63e605eb-XXXX-XXXX-XXXX-b007189a41e5">CPA</option>
<option value="fb644c83-XXXX-XXXX-XXXX-5da4b2dc64a0">Executive</option>
<option value="65efa138-XXXX-XXXX-XXXX-098d9195a99d">Master Administrator</option>
<option value="0c863774-XXXX-XXXX-XXXX-6c8d2418ca6b">Part Qualified Accountant</option>
</select>
<input type="button" onclick="getIndex()" value="Alert index of selected option"/>
</form>
為什么不開火? 我希望有人可以看到我的疏忽大意。
由於您使用的是MVC 2,因此我假設您可以訪問其附帶的JQuery庫。
這是一些可以解決您問題的JQuery,還有一個jsfiddle ,您可以在實際中看到它!
您會發現jsfiddle是此類事情的救命稻草,如果您想要一個直接的javascript解決方案,也可以在那里解決。
<input type="button" id="btn" value="Alert index of selected option"/>
$(document).ready(function(){
$('#btn').click(function getIndex() {
var x = document.getElementById("mySelect");
alert(x.selectedIndex);
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.