mvc4 カミソリ ページにチェック ボックスとドロップダウン リストがあります。
チェックボックスをオフにすると、ドロップダウンリストの選択を 0 にリセットする必要があります
$("#chkProcess").click(function (event) {
//on-click code goes in here.
var chkProcess = $(this);
if (chkProcess.is(':checked')) {
//do process
} else {
$('#locationSelectList').val('0');
alert("" + $("#locationSelectList option:selected").val());
}
});
チェックボックスをオフにすると、選択された Index=0 を示すアラートが表示されますが、画面には実際には変更が反映されていません。しかし、画面上の選択をリセットするにはドロップダウンも必要です。なぜこの動作が見られるのか、ここで何が間違っているのですか?
これらの Jquery ファイルを _layout ページで参照しています
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.treeview.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.ui.selectmenu.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
私はこれらすべてを試しました
$('#locationSelectList').attr('selectedIndex', '0');
$('#locationSelectList').val('0');
しかし、警告メッセージで、選択したインデックスをリセットしていることがわかりますが、ページには反映されていません。