Question

我正在使用ajax调用从数据库中检索值，值为[LOCAL, STD, ISD, INCOMING, INET]等。这些值可以根据条件增加或减少。现在根据我的需要，我必须创建一个ui对话框，其中包含从这些值创建的复选框。复选框需要动态创建。

这是我的剧本。

<script type="text/javascript">
    jQuery(document).ready(function() {
        var calltype;
        $('#scalltype').click(function(evt){
            evt.preventDefault();

            $.ajax({
                url: "Calltype",              
                type: "GET", 
                success: function(data){
                    calltype = data;
                    console.log(calltype);
                },
                error: function(){
                    console.log("AJAX request was a failure");
                }   
            }); 

            jQuery("#calltype").dialog({
                modal: true,
                buttons: {
                    SUBMIT: function() {
                        $('#calltype').submit();
                    }
                }
            }); 
        });  
    });
</script>

这是我对话框的HTML代码。

<body>
    <input type="submit" name ="select calltype" id="scalltype" value="Select Calltype">
    <div id="calltype" title="Choose CallType">
        <form action="" method="POST" id="calltype">
        </form>
    </div>
</body>

请帮我解决这个问题。提前谢谢。

如何动态地将复选框添加到jQuery对话框ui中

0 个答案: