javascript - ビュー、Html.DropDownListでjs変数にアクセスするには?

Question

私はjavasctipt変数を持っています

 var orgCode = "";
        $("#orgs").change(function () {
            var org = document.getElementById("orgs");
            orgCode = org.options[org.selectedIndex].value;

        });

orgCode変数が変更されたときに、常に DropDownListに渡したい:

@Html.DropDownListFor(model => model.Doctor, new SelectList(_unitOfWork.Doctors.GetByOrganization(orgCode).ToList(), "Code", "Name"), new { id = "docs" })

いつもorgCode変更されますが、DropDownList でアクセスして、変数の変更で毎回更新するにはどうすればよいですか?

前もって感謝します！

Answer 1

このようなことを試してください

$("#orgs").change(function () {
      var orgCode = $("#orgs").val();
      $.ajax({
          url:"controler/action", // which returns Dotors list as json
          data:{org_Code:orgCode} ,//Passing orgCode to the above action method
          type:"json",
          success:function(data){
             $('#docs').find('option').remove();
             foreach(var d in data){
                 $('<option>').val(d["code"]).text(d["Name"]).appendTo('#docs');
             }
          }
});