ASP.NET MVC Button.Click JavaScriptで動作しません

Question

ボタンを2つ使用してユーザー入力が必要なフォームがあります.1つのボタンはsubmitフォームの値に、もう1つのボタンはpartial viewをロードします。私のアプローチが正しいかどうかはわかりません。 submitボタンは完全にうまく動作しますが、GenerateBtn IDのボタンをクリックしても、partial viewをロードするDisplayProposal()関数は起動しません。どのようなアイデアを解決するか、より良いアプローチ？

@using (Html.BeginForm()) 
{ 
@Html.AntiForgeryToken() 

<div class="form-horizontal"> 
    <h4>Proposal</h4> 
    <hr /> 
    @Html.ValidationSummary("", new { @class = "text-danger" }) 
    @Html.HiddenFor(model => model.id) 

    <div class="form-group"> 
     @Html.LabelFor(model => model.item, htmlAttributes: new { @class = "control-label col-md-2" }) 
     <div class="col-md-10"> 
      @Html.EditorFor(model => model.item, new { htmlAttributes = new { @class = "form-control" } }) 
     </div> 
    </div> 

    <h2>Generated Questions</h2> 
    <div id="ProposalTable"></div> 

    <div class="form-group"> 
     <div class="col-md-offset-2 col-md-10"> 
      <input type="submit" value="Save" class="btn btn-default" /> 
     </div> 
    </div> 
</div> 

<div class="form-group"> 
    <div class="col-md-offset-2 col-md-10"> 
     <input type="button" value="Generate" class="btn btn-default" id="GenerateBtn" /> 
    </div> 
</div> 
} 

@section Scripts { 
    @Scripts.Render("~/bundles/jqueryval") 

<script> 
    document.getElementById("GenerateBtn").onclick = function() { DisplayProposal() }; 
    function DisplayProposal() { 
     //Loads Partial View to <div>ProposalTable</div> 
     $('ProposalTable').load('@Url.Action("LoadStuff", "Proposals")'); 
    } 

</script> 

}

Answer 1

あなたはjqueryのを使用していない理由：

$(document).ready(function(){ 
    $("#GenerateBtn").click(function(){ 
     DisplayProposal(); 
    }); 
});