0

私が取り組んでいる新しいレスポンシブ サイトに理想的なフォームを使用しようとしています。現在、1 つのラジオ セレクターと 2 つのドロップダウン セレクターがあります。cfc を介してクエリされたデータをセレクターに入力しようとしています。これを行うために私が書いたjqueryは、それを使用する別のサイトがあるため、理想的なフォームを使用していないため、機能します。新しいページでスクリプトを実行すると、すべて正常に動作し、エラーは表示されず、返されるデータは正しくフォーマットされた json ですが、リストにはデータが取り込まれません。

フォームは次のとおりです。

<form id="form1">
    <div>
        <section name="Basic Search">
            <div id="radioDiv">
                <label>Radio Buttons:</label>
                    <label><input type="radio" name="r1" id="value_1" value="1" checked />1</label>
                    <label><input type="radio" name="r1" id="value_2" value="2"/>2</label>
                    <label><input type="radio" name="r1" id="value_3" value="3"/>3</label>
            </div>
            <div id="selectDiv1">
                <label>Select 1:</label>
                <select name="select1" id="select1">
                    <option value="all">All</option>
                </select>
            </div>
            <div id="selectDiv2">
                <label>Select 2:</label>
                <select name="select2" id="select2">
                    <option value="all">All</option>
                </select>
            </div>
        </section>
    </div>
</form>

ここにjqueryがあります：

$.fn.populateListsBasic = function(){
    $.get("../cfc/mycfc.cfc",{
        method: "getData",
        data: conditionGroup.filter(':checked').val()
        },function(data){
            $.each(data.stuff.otherStuff1,function(key,value){
                $("#select1").append("<option value='" + value + "'>" + value + " (" + data.stuff.otherStuffCount_1[key] + ")</option>");           
            });
            $.each(data.stuff.otherStuff2,function(key,value){
                $("#select2").append("<option value='" + value + "'>" + value + " (" + data.stuff.otherStuffCount_2[key] + ")</option>");
            });
       },"json");
};

$("#form1").populateListsBasic();

どんな助けでも大歓迎です。

4

1 に答える 1

0

Coldfusion に関する質問ではありませんが、#make はどこから来るのですか? フォームのどこにもその ID が表示されませんか? そうではありませんか：

 $.each(data.stuff.otherStuff2,function(key,value){
                $("#select2").append("<option value='" + value + "'>" + value + " (" + data.stuff.otherStuffCount_2[key] + ")</option>");
            });
于 2013-08-20T19:45:07.333 に答える