0

我正在尝试使用 JQuery 对话框来执行类似于打开文件对话框的操作，但我使用数据库中的记录而不是文件来填充对话框。

我遇到的问题是我似乎无法将 html 选项数据加载到我的对话框中的 html 选择中。我在 Chrome 中使用了 Google Javascript 调试器，并逐步完成了从我的 PHP ajax 调用的 javascript 代码。我没有看到任何错误，并且当我将数据放入 append 语句时，我看到数据在那里并且格式正确。我不明白为什么它没有出现在我的 html 选择中。

谢谢你的帮助。

下面是我接收数据的 Ajax 函数。

函数 doOpenAjax(filterStr) {

    $.get(
        "contenteditServerAjax.php",
        {filter: filterStr },
        function(data) {
                            var optsArr = data.split('|~|');
                            var seloption = "";

                            $.each(optsArr, function(i) {
                                seloption += '<option value="' + optsArr[i] + '">' + optsArr[i] + '</option>';
                            });
                            $('#chooseArticleName2').find('option').remove().end();
                            $('#chooseArticleName2').append(seloption);
                        },
        "html"
        );

}

作为参考，这是我的 php 的一部分，其中包含 jquery 对话框：

<head>
<script>
$(document).ready(function() {

    var dlg = $("#opendiv").dialog({modal:true, height:550, width:650,
                        hide:{ effect: 'drop', direction: "down" },
                        autoOpen:false,
                        maxHeight: 1200,
                        maxWidth: 1200,  
                        minHeight: 250,
                        minWidth: 300, 
                        buttons: { "Open": function() { $('#state').val('Open Doc');        $('#contentform').submit(); $(this).dialog("hide"); },
                        "Cancel": function() { $(this).dialog("close");}}                            
    });
    dlg.parent().appendTo($("#contentform"));  

});
</script>


<div id="opendiv" name="opendiv" title="OPEN">

    <p align="center">Enter Name to Open Article as:</p>
    <p>
        Filter:
        <input name="docFilter2" id="docFilter2" type="text" value="$filter2" maxlen="64" size="28"/>&nbsp; &nbsp;
        <input name="LoadTitles2" id="LoadTitles2" type="button" value="Load Available Titles" 
                                onclick="doOpenAjax( $('#docFilter2').val() );"/>
    </p>
    <p>
        <div id="ajaxOutput2">
            <select name="chooseArticleName2" id="list2" size="8" style="min-width:92%"
                                        onchange="
                                        var mytext = $('#chooseArticleName2 :selected').text();
                                        $('#textBoxArticleName2').val(mytext);">
            </select>
        </div>
    </p>
    <p>
        Document:
        <input type="text" id="textBoxArticleName2" name="textBoxArticleName2" size="56"/>
    </p>
</div>

4

1 回答 1

0

仅供参考，这样做会更有效率：

$('#chooseArticleName2').empty().html(seloption);

比这个：

$('#chooseArticleName2').find('option').remove().end();
$('#chooseArticleName2').append(seloption);
于 2012-05-04T06:03:44.947 回答