带有2个输入的javascript对话框

时间:2012-05-29 07:37:16

标签: javascript html forms

保持与java脚本中的警报和提示对话框的一致性我想知道是否有一个对话框哪个cab接受2个输入而不是一个?

我尝试了几种方法:

创建表单

<form id="management_form">
Enter Option: <input type="text" id="optiontb" name="option">
<input type="button" onclick="myfunction(this.form)" value="submit"> </form>

并致电

document.management_form.submit(); in the java script method

这将显示表单代码在htmlfile中的任何位置。而不是在表单被调用时

并创建

使用

的表单
var newdiv = document.createElement();
newdiv.innerHTML = "Entry  <br><input type='text' name='myInputs[]'>";
document.appendChild('newdiv');

为此我看到并且错误未捕获错误:NOT_FOUND_ERROR:DOM异常8

有更好的方法吗?

编辑: 在完成Girish下面建议的一些操作之后:

html代码如下:

<title>
<style>
 I have include the code for the style
</style>
<script>
 function request()// renamed it here 
   { // this is exactly same the code in the sample web site
      }

我如何调用这个java脚本方法

 function myfunction(frm)
  {
var opt=frm.option.value;  
request();
$( "#dialog-form" ).dialog( "open" ); 

} 这是从

调用的
 <form name="management_form">
  Enter Option: <input type="text" id="optiontb" name="option"> 
 <input type="button" onclick="myfunction(this.form)" value="submit"> </form>

可以添加到此处的任何内容,以便将其显示为对话框,而不是像html页面一样?

1 个答案:

答案 0 :(得分:2)

我认为您需要此类功能,因此您可以查看此网址

http://jqueryui.com/demos/dialog/modal-form.html

并且您喜欢这个,请下载其代码并将其实现到您的代码中.....