0

私は一日中、選択した状態を「キャッチ」または割り当て/バインドし、それを「テキスト」という変数に割り当てて、他のドロップダウンボックス「製品」のさらに別の 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>
4

1 に答える 1

0

カスケード ドロップダウンを作成しようとしているようです。州のドロップダウン リストで値を選択すると、選択した州で利用可能な製品が読み込まれます。コンボ ボックス コントロールを使用してこれを行う方法に関する Telerik の役立つ記事があります (ドロップダウン リストからも同じように機能します): http ://docs.kendoui.c​​om/getting-started/web/combobox/cascading 。実際にはcascadeFrom、製品のドロップダウン リストで設定して、州のドロップダウン リストからカスケードするように指定できる という名前のプロパティがあります。それが役立つことを願っています!

于 2012-10-13T03:48:22.480 に答える