将值分配给具有Textbox和TextArea的对话框

时间:2014-04-28 09:16:27

标签: javascript jquery jquery-ui

我有两个值。我在使用query将这些值分配给对话框的文本字段时遇到问题。我这样做:

 $('.editbutton').click(function ()
        {
            var qtitle=$('#questiontitle').val();
            var qtext=$('#questiontext').val();
            $("#dialog").html("Title: <input id='myquestiontitle' type='text'><br><br>Question :  <textarea id='myquestion' type='text'>");
            $("#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");
            }

            }

    });

  });  

我只想将qtitle分配给第一个文本框,将qtext分配给textarea.Please帮助

1 个答案:

答案 0 :(得分:0)

使用

"Title: <input id='myquestiontitle' type='text' value='"+qtitle+"'> <br><br>Question :  <textarea id='myquestion'>"+qtext+"</textarea>"

现在所有代码如下所示

 $('.editbutton').click(function ()
        {
            var qtitle=$('#questiontitle').val();
            var qtext=$('#questiontext').val();
            $("#dialog").html("Title: <input id='myquestiontitle' type='text' value='"+qtitle+"'> <br><br>Question :  <textarea id='myquestion'>"+qtext+"</textarea>");
            $("#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");
            }

            }

    });

  });