jquery ui dialog上怎么加下拉框以及获取值

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery ui dialog上怎么加下拉框以及获取值相关的知识，希望对你有一定的参考价值。

如图是个dialog。怎么在红圈处加一个下拉框，并获取下拉框的值？

参考技术A 在这个地方好像加不了，它源码的这个区域只能放button，而且是动态生成的，不过你可以把select加在上面。本回答被提问者采纳 参考技术B <select id="dropDown" class="form-control" onchange="areaChange()">
<option></option>
</select>
这边这个是下拉框

var areaCode=$("#dropDown").val();
这边是获取下拉框选中的值

onchange事件 是当下拉框的值改变时 就会调用 指定js方法 参考技术C 直接写html代码 jquery去获得

jquery ui dialog 怎么加载别的页面？ 当点击 一个按钮的时候dialog显示的是其他也面的html代码

可以利用javascript脚本语言实现，示例如下：
1、打开文本编辑器或记事本程序，输入<html><body>以及<head>标签：
<html>
<head></head>
<body></body>
</html>
2、在<head>头标签后输入<script>标签：
<script type="text/javascript">
</script>
3、在<script>标签中定义一个函数duihua()来使网页弹出对话框：
function duihua()

alert("这个窗口是对话框！")

4、然后，再定义一个函数命名为queren()，用来弹出确认框：
function queren()

var se=confirm("请选择点击一个按钮!");
if (se==true)

alert("你按下的是【确认】");

else

alert("你按下的是【取消】");


5、继续定义另一个函数tishi()，用来在网页中弹出提示框。
function tishi()

var t=prompt("请输入您的名字","KING视界")
if (t!=null && t!="")

document.write("精彩MV就在，" + t + "！属于你的世界")


6、函数定义好以后，在<body>标签后，建立3个按钮分别用来调用这3个函数执行。
<input type="button" onclick="duihua()" value="点击显示对话框" />
<input type="button" onclick="queren()" value="点击显示确认框" />
<input type="button" onclick="tishi()" value="点击显示提示框" />
7、保存该文件，用ie浏览器打开的，点击对应按钮，即可弹出相应对话框。 参考技术A div中放个iframe追问

具体怎么呢 设置参数说下 刚开始研究ui

追答

你是想对话框里面内容是其他页面的内容是吧
你配 jquery ui dialog 的时候 不是需要一个div的么 那么你试试在这个div中放入一个iframe

本回答被提问者采纳

以上是关于jquery ui dialog上怎么加下拉框以及获取值的主要内容，如果未能解决你的问题，请参考以下文章

jquery ui dialog 怎么加载别的页面？ 当点击 一个按钮的时候dialog显示的是其他也面的html代码

jquery ui dialog 怎么让弹窗1秒后自动关闭

jquery ui dialog怎么向子窗口传值

在Iframe中使用jquery ui dialog 怎么使弹出窗口居于浏览器中间

Jquery UI dialog 弹层被遮住的问题

jquery中的dialog()方法是怎么使用。我引入了dialog.js。