javascript - 使用 jquery 在对话框中移动文本字段值

Question

我有一个按钮、一个文本字段和文本区域。现在我想做的是，单击按钮时将文本字段和文本区域的值移动到可以编辑两者的对话框中。

所以我为它编写了以下代码:

在 HTML 中:

<div id="dialog"></div>
<input type="button" value="EDIT" id="editbutton" name="editbutton" class="editbutton" style="float: right;"></input>
<input type="text" value="mytextvalue" id="edittitle" name="edittitle" class="edittitle" style="visibilty: hidden;"></input>
<textarea value="mytextarea" id="editsubject" name="editsubject" class="editsubject" style="visibilty: hidden;"></input>

在 jquery 中我做了这样的事情:

$('.editbutton').click(function ()
        {
           $("#dialog").dialog({
                autoOpen: true,
                modal: true,
                title: "Edit Your Question",
                width: 600,
                height: 300,
                resizable: false,
                buttons: { 

                "Edit": function() {
                $(this).dialog("close");

                callback("1");
            },
               "Discard": function() {
                $(this).dialog("close");
                callback("2");
            }

            }            
    });
});

Javascript回调函数:

function callback(value,RowId) {

if (value=="1") {
    alert("edit");

} 
else if(value=="2"){

    alert("Rejected");
}
}

但我的问题是在对话框中以可编辑的形式显示文本字段和文本区域。请帮忙

Answer 1

我修改了您上次评论中的代码:

var qtitle=$('#questiontitle').val();
var qtext=$('#questiontext').val();
$("#dialog").html("Title: <input id='myquestiontitle' type='text'><br><br>Question : <input id='myquestion' type='text'>");

至:

var qtitle = $('#edittitle').val();
var qtext = $('#editsubject').val();
$("#dialog").html("Title: <input id='myquestiontitle' type='text' value='" + qtitle + "'><br><br>Question : <textarea id='myquestion'>" + qtext + "</textarea>");

这会从隐藏输入字段 edittitle 和 editsubject 获取值，并将它们放入对话框中的可编辑输入字段中。

请注意我如何将对话框中的第二个输入字段更改为文本区域，以便它与隐藏的输入字段保持一致。

参见here fiddle 。