2012-09-28 29 views
0

我一直試圖「捕捉」或分配/綁定到選定狀態並將其分配給一個名爲「text」的變量,以便我可以在另一個API調用中使用它另一個下拉框「產品」。
我想我一定是失去了一些東西,希望有一點幫助。 謝謝。從選擇框中分配一個變量

<html dir="ltr" lang="en-US"> 
    <head> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" /> 
     <title>Legis Connect</title> 
     <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
     <link rel="stylesheet" href="css/kendo.common.min.css"> 
     <link rel="stylesheet" href="css/kendo.black.min.css"> 
    <link rel="stylesheet" href="css/kendo.mobile.all.min.css"> 
     <link rel="stylesheet" href="css/kendo.dataviz.min.css"> 
     <script src="js/kendo.all.min.js"></script> 
    </head> 
    <body> 
      <div class="k-widget k-header"> 
        <span class="infoHead">Information</span> 
        <p> 
<input id="state" placeholder="Select State..." /> 
</p> 
<p> 
     <input id="products"/> 
     </p> 
      <script> 

     $(document).ready(function() { 
        $("#state").kendoDropDownList({ 
        //  optionLabel: "Select State...", 
         dataTextField: "name", 
         dataValueField: "abbreviation", 
         dataSource: { 
         transport: { 
           read: { 
           url: "http://openstates.org/api/v1/metadata/?apikey=????????", 
           dataType: "jsonp" 
           } 
          } 
         } 

        }); 
         // change: function(test){ 
        // var text = this.value() 
      var states=$("#state").data("kendoDropDownList"); 
states.bind("change", function(e) { 
    var text = (this.value()) 
        alert (text) 
}); 

      $("#products").kendoDropDownList({ 
         optionLabel: "Select product...", 
         dataTextField: "legislature_name", 
         dataValueField: "legislature_name", 
         dataSource: { 
          transport: { 
           read: { 
           url: "http://openstates.org/api/v1/metadata/"+text+"/?apikey=???????????????????", 
           dataType: "jsonp" 
           } 
          } 
          } 


         }) 
         $("#products").data("kendoDropDownList"); 
     }); 




      </script> 


     </div> 
    </body> 
</html> 

回答

0

看來您正在嘗試創建級聯下拉菜單;當您在州下拉列表中選擇一個值時,它會加載可用於選定狀態的產品。 Telerik提供了一篇有用的文章,介紹如何使用組合框控件(從下拉列表中工作):http://docs.kendoui.com/getting-started/web/combobox/cascading。實際上有一個名爲cascadeFrom的屬性,您可以在產品下拉列表中設置該屬性,以告知它從狀態下拉列表中級聯。希望有所幫助!