クリックすると、「testDiv」というラベルの付いたdivを、メソッド「ControllerMethod」を介してコントローラーから返された情報に置き換えるリンクを作成する次のajaxリクエストがあります。
<div class ="editor-field" id ="clickableAjax">
@Ajax.ActionLink("Click Here to replace testDiv", "ControllerMethod", new AjaxOptions
{
UpdateTargetId = "testDiv",
HttpMethod="GET",
InsertionMode= InsertionMode.Replace,
}))
</div>
<div id="testDiv">
</div>
ユーザーが以下のドロップダウンリストで何かを選択したときに、上記と同じ方法でWebページを返信するにはどうすればよいですか?
<div>
@Html.DropDownListFor(x => x.Selected, Model.MyModel, "Custom")
@Html.ValidationMessageFor(model => model.Courses)
</div>
私は次の行に沿って何かを試しました:
$(document).ready(function () {
$("Selected").change(function () {
$("testDiv").replaceWith('<h2>test text</h2>');
});
});
. . . ユーザーがドロップダウンで選択したときにページに何かをさせようとするだけですが、何も起こっていないかのようです-ユーザーはドロップダウンで何でも選択でき、何も変わりません。
注: jquery で ID "Selected" を使用してドロップダウン リストを選択しようとしていますが、これは正しくありませんか? 上記の方法でドロップダウンを作成した場合、ドロップダウンの ID はどうなりますか?