2015-12-08 42 views
0

我有一個兩個kendo下拉列表來選擇頁面上地址的狀態。我有一個複選框將第一個地址複製到第二個地址。我需要能夠引用和設置kendo下拉列表的值。在函數中設置一個kendo下拉值

的下拉列表:

@(Html.Kendo().DropDownListFor(m => m.physicalAddress.State) 
    .Name("physicalAddress.State") 
    .DataTextField("name") 
    .DataValueField("value") 
    .OptionLabel("Physical State") 
    .BindTo((System.Collections.IEnumerable)ViewData["StateList"])) 

@(Html.Kendo().DropDownListFor(model => model.mailingAddress.State) 
    .Name("mailingAddress.State") 
    .DataTextField("name") 
    .DataValueField("value") 
    .OptionLabel("Mailing State") 
    .BindTo((System.Collections.IEnumerable)ViewData["StateList"])) 

的功能,我試着寫:

function copyInfo(f) { 

     if (document.getElementById("copyCheckBox").checked) { 

      //I'm hoping something exists like this 
      [SecondDropDown].value = [FirstDropDown].value; 

     } 
} 

回答

0

試試這個:

function copyInfo(f) { 
    if (document.getElementById("copyCheckBox").checked) { 
     var FirstDropDown= $("#dropdownlist1").data("kendoDropDownList"); 
     var SecondDropDown= $("#dropdownlist2").data("kendoDropDownList"); 
     SecondDropDown.value(FirstDropDown.value()); 
    } 
} 

凡dropdownlist1和dropdownlist2是DOM的ID的包含元素。

見API DEMO:http://demos.telerik.com/kendo-ui/dropdownlist/api

文檔的值():http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist#methods-value

+0

的問題是,[SecondDropDown]和[FirstDropDown]是佔位符,我不知道如何實際引用kendogrid元素來自頁面的腳本部分。我應該在我的主要職位更清楚,對不起。 – user5655541

+0

@ user5655541,我已經更新了答案。使用DOM元素ID獲取下拉小部件。 – ezanker

+0

我不知道這些下拉列表的DOM元素ID是什麼。我試過使用.name()。 – user5655541