Question

我需要将textarea添加到对话框中。如果有任何想法，请建议我。这是我的代码......

var story = changeStory();  
   $.ajax({  
        async: false,  
        type:"GET",  
    data:{"story":story},  
    url: "./teststory.action",  
    dataType: 'json',  
    success: function(json){  
    var i = 0;
    var jsonList = "";  
      $.each(json, function(index,job) {    
        if(i > 0){  
            jsonList = jsonList + ",";  
        }    
        jsonList = jsonList + "[";  
        jsonList = jsonList + "{";  
        ......  
        jsonList = jsonList + "}";   
        jsonList = jsonList + "]";  
        **var newDiv = $(document.createElement('div'));  
        $(newDiv).text();  
        $(newDiv).dialog({modal: true, width:850, height:500, title:"JSON for Demo Story"}).dialog("open");**  
        *var obj=document.createElement('textarea');  
        obj.setAttribute("style","padding-left:100");  
        obj.value=jsonList;  
        document.body.appendChild(obj);*   
        storyLst = jsonList;  
        });  
    }  
});

Answer 1

您可以在用作对话框内容的div中追加任何元素。

var newDiv =  $("<div />"); 
var textArea = $('<textarea style="padding-left:100px" />'); 
textArea.text(jsonList);
newDiv.append(textArea);
newDiv.dialog({modal: true, width:850, height:500, title:"JSON for Demo Story"});

有关更多功能，请参阅insertion的jQuery文档。

Answer 2

一些javascript

$( "#dialog-form" ).dialog({
    autoOpen: false,
    height: 600,
    width: 600,
    modal: true,
    ...............................
});

然后是一些html（你基本上有一个带有表格的div）

<div id="dialog-form" title="<?php echo $this->translate('rifiuta ordine titolo') ?>">
    <form action="/<?=$controller?>/rifiuta/" method="post" name="rifiuta_form">
    <fieldset>
        <label for="motivo"><?php echo $this->translate('note_interne')?></label>
        <br />
        <br />
        <textarea name="motivo" id="motivo" class="text ui-widget-content ui-corner-all" rows="25" cols="50" style="height:100%; width: 100%"></textarea>
        <input type="hidden" name="id" id="ordine_id" value="" />
        <input type="submit" id ="submit_button" style="display:none" />
    </fieldset>
    </form>
</div>

这适用于我在网站上使用它...

如何将textarea动态添加到jquery对话框？

2 个答案: