2013-10-02 64 views
0

選擇要素已選擇值4(例如),我發送表單數據到服務器。控制器返回部分視圖。選擇要素已選擇值-1

<script> 
     $(document).ready(function() { 
      var objSel = document.getElementById("IDVacationApplicationType"); 
      checkVacationType(objSel); 
      $("select#IDVacationApplicationType").change(function() { 
       checkVacationType(this); 
      }); 

     }); 
     function checkVacationType(elem) { 
      var item = $(elem).val(); 
      alert(item); 
     } 
</script> 

HTML:

<div class="form-position"> 
    <div class="form-label"> 
      @Html.LabelFor(model => model.VacationApplicationTypes) 
    </div> 
    <div class="form-value"> 
      @Html.DropDownListFor(model => model.IDVacationApplicationType, Model.VacationApplicationTypes) 
      @Html.ValidationMessageFor(model => model.VacationApplicationTypes) 
    </div> 
</div> 

警報顯示-1。之後,表單中選擇元素與選定的值= 4.我怎樣才能得到這4?

enter image description here

答:我有兩個頁面相同的ID。

+0

可以共享生成的HTML而不是服務器模板 –

+0

@ArunPJohny '<選擇的id = 「IDVacationApplicationType」> <期權價值= 「1」> 1 <期權價值= 「2」> 2 <期權價值= 「3」> 3 ' – Olena

回答

0

我有兩個頁面相同的ID。 我需要添加類的元素:

@Html.DropDownListFor(model => model.IDVacationApplicationType, Model.VacationApplicationTypes, new { @class = "IDVacationApplicationType" }) 

<script> 
    $(document).ready(function() { 
     var objSel = $(".IDVacationApplicationType"); 

     checkVacationType(objSel); 
     $(".IDVacationApplicationType").change(function() { 
      checkVacationType(this); 
     }); 

    }); 
    function checkVacationType(elem) { 
     var item = $(elem).val(); 
     alert(item); 
    } 
</script> 
1

您可以使用此

$('#IDVacationApplicationType').find(":selected").val(); 

因此改變你的功能checkVacationType作爲

function checkVacationType(elem) { 
    var item = $(elem).find(":selected").val(); 
    alert(item); 
} 

Fiddle Demo

+0

它沒有幫助=( – Olena

+0

@Olena,你能否解釋一下什麼沒有工作 – Satpal

+0

謝謝=)我在頁面中有兩個相同的ID。 – Olena