как извлечь значение выбранного параметра в раскрывающемся списке

Question

у меня есть выпадающий список, на моем взгляде раскрывающихся показать перечисление значений код для перечисления раскрывающегося

 @Html.DropDownListFor(model => model.hobbyhome.HobbyDetailList.First().course, HobbyHomesWebApp.Utility.EnumList.ToSelectList(HobbyHomes.Model.Course.Advance, "Select Course"), "--Select Course--", new { @id="Course"}) <font color="red">*</font> 

Генератор для гольфа

<div class="editor-field"> 
<select id="course" name="course"><option value="">--Select Course--    </option> 
    <option value="Basic">Basic Level</option> 
     <option value="Intermidiate">Intermidiate Level</option> 
     <option value="Advance">Advance Level</option> 
     </select> <font color="red">*</font> 
       </div> 

    var course = from Course c in Enum.GetValues(typeof(Course)) 
         select new { ID = c, Name = c.ToString() }; 
         ViewData["course"] = new SelectList(course, "ID", "Name"); 

Доступные входные данные варианты Основные, промежуточные и предварительные

и я хочу, выбранное значение (строка или число), чтобы быть извлечен через функцию Ajax, поскольку в зависимости от того, что я пытаюсь заполнить другой DropDown

вот моя Аякса функция:

$("#Course").change(function() { 
     var Hobbyid = $("#Hobby").val(); 
     var Cid=$("#Course").val(); 
     var urlHobbyhome = '@Url.Action("FetchStateByHobbyId")'; 
     $.ajax({ 
      type: "POST", 
      url: urlHobbyhome, 
      data: { id: Hobbyid,cid:Cid }, 
      success: function (data) { 
       $('#State').empty(); 
       $('#State') 
         .append($('<option>', { value: "0" }) 
         .text("-- Select State --")); 
       $.each(data, function (key, value) { 

        $('#State') 
         .append($('<option>', { value: value.Value }) 
         .text(value.Text)); 
       }); 
      } 
     }); 

может

кто-нибудь помочь me

Answer 1

Вы можете использовать jQuery для привязки к событию Change вашего DropDownList.

$("#YourDropDownID").change(function() { 
    var itemSel = $("#YourDropDownID").val(); 
    // Do your Ajax logic using the selected value stored in variable 'itemSel' 

}); 

EDIT:

Проверить эту функцию:

$("#course").change(function() { 
     var Hobbyid = $("#Hobby").val(); 
     var Cid=$("#course").val(); 
     alert("This is the CourseID:" + Cid); 
     var urlHobbyhome = '@Url.Action("FetchStateByHobbyId")'; 
     $.ajax({ 
      type: "POST", 
      url: urlHobbyhome, 
      data: '{id:' + Hobbyid + 'cid:' + Cid + '}', 
      success: function (data) { 
       $('#State').empty(); 
       $('#State') 
         .append($('<option>', { value: "0" }) 
         .text("-- Select State --")); 
       $.each(data, function (key, value) { 

        $('#State') 
         .append($('<option>', { value: value.Value }) 
         .text(value.Text)); 
       }); 
      } 
     }); 
}); 

Я изменил "данные" свойство для конкатенации строк, потому что есть некоторые проблемы при использовании имени "ID" , Добавлено предупреждение, показывающее выбранный идентификатор курса, и сменил селектора на использование идентификаторов нижнего регистра. Пожалуйста, полностью замените свою функцию javascript моей и дайте нам сейчас.