window.prompt多行輸入JavaScript CSS

Question

我試圖找到一種方法來做一些等效於window.prompt的東西，但它允許多行輸入。

我可以用z-index創建自己的div，其中包含textArea，但我希望jQuery中有一些東西或者更優雅的插件。

任何想法？

Answer 1

您可以使用jQuery Dialog來做到這一點。

下面是一個例子：http://jsfiddle.net/RBKaZ/

使用這個HTML

<div id="dialog"> 
    <p>Please enter your name</p> 
    <textarea id="name"></textarea> 
</div> 
<label>Name entered: </label> 
<label id="nameentered"></label> 
<br /> 
<input type="button" id="open" value="Open Dialog" /> 

這jQuery的：

$("#dialog").dialog({ 
    autoOpen: false, 
    buttons: { 
     Ok: function() { 
      $("#nameentered").text($("#name").val()); 
      $(this).dialog("close"); 
     }, 
     Cancel: function() { 
      $(this).dialog("close"); 
     } 
    } 
}); 

$("#open").click(function() { 
    $("#dialog").dialog("open"); 
});