Question

我有一个按钮和一个文本字段和textarea.Now我想要做的是点击按钮将textfield和textarea的值移动到一个对话框中，两个都可以编辑。

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

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

但我的问题是在对话框中以可编辑的形式显示textfield和textarea。请帮助

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中获取值，并将它们放入对话框中的可编辑输入字段中。

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

请参阅here获取小提琴。

Answer 2

在点击事件之外创建对话框。 onclick只是解雇那些回调。

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

2 个答案: