Question

用jquery如何写dropdownlist的onchange事件

@using (Html.BeginForm())
{
<script type="text/javascript" src="../../Scripts/jquery-1.4.4.min.js">

$("#isArrive").change(
function () {
var checkValue = $("#isArrive").val();
if (checkValue == "0") {
alert("选中的值为:" + checkValue);
}
else {
alert("选中的值为:"+checkValue);
}
});
</script>
<div style="text-align: right;">
<div style="text-align: center;">
欢迎使用汽车救援系统</div>
<table border="1" style="width: 256px;">
<tr style="height: 30px;">
<td>
是否接单:
</td>
<td>@Html.DropDownList("isArrive", (List<SelectListItem>)ViewData["isArrive"], new { style = "Width:155px;" })
</td>
</tr>
@if(Model.IsArrive==0)
{
<tr style="height: 30px;">
<td>
预计到达现场所需时间:
</td>
<td>@Html.TextBoxFor(m => m.ArriveDemandTime)
</td>
</tr>
}
@if (Model.IsArrive == 1)
{
<tr style="height: 30px;">
<td>
拒绝理由:
</td>
<td>@Html.TextBoxFor(m => m.RefuseReason)
</td>
</tr>
}
</table>
<br />
<div style="float: left">
<input type="submit" value=" 确 定 " />
</div>
</div>
}

Answer 1

知道为什么没效果么???你把JS写在了DOM元素的上方,执行完JS,DOM元素还没被浏览器加载...

解决方法,jquery的处理代码建议都写在$(function(){})函数体内,或者写在DOM元素后面...

追问

那我想根据dropdownlist的当前选中项的值来显示代码中的两个文本框其中的一个，应该怎样写jquery

追答

$(function(){
$("#isArrive").change(function(){
$("#div1").hide();
$("#div2").hide();
var value=$(this).val();
if(value=="1") $("#div1").show();
else $("#div2").show();
});
});

追问

他的是整行的要整行显示或整行不显示，我在行的属性中加了display：none的属性，可是在jquery中获取不到这一行应该怎样写能获取到这一行并且让这行显示

Answer 2

HTML 代码:
<select>
<option value="1">Flowers</option>
<option value="2" selected="selected">Gardens</option>
<option value="3">Trees</option>
</select>

jQuery 代码:
$("select option:selected")

结果:
[ <option value="2" selected="selected">Gardens</option> ]

Answer 3

为什么一定要用jQuery ，C#对dropdownlist这个控件已经给了它改变值之后就可以触发的事件能被执行的方法，为什么你还要用jQuery 呢？添加dropdownlist的TextChanged事件，在这个事件里写就可以了

追问

可是他mvc3的razor模板中，没有事件了，在显示页面的时候和html一样，只能应用jquery或js来完成