填充理想表单通过jquery get选择框

时间:2013-08-20 18:49:24

标签: jquery

我正在尝试将Ideal Forms用于我正在处理的新响应式网站。我目前有一个无线电选择器和两个下拉选择器。我试图通过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();   

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

不是真的是Coldfusion的问题,但...... #makes来自哪里?我在你的表格中的任何地方都没有看到这个ID?不应该是:

 $.each(data.stuff.otherStuff2,function(key,value){
                $("#select2").append("<option value='" + value + "'>" + value + " (" + data.stuff.otherStuffCount_2[key] + ")</option>");
            });