Как я могу динамически добавить текстовую область в диалог jquery?

Question

Мне нужно добавить текстовое поле в диалог. Пожалуйста, предложите мне, если есть идеи. Вот мой код ...

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"});

См. Документацию 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>

это работает, как я использую его на веб-сайте ...