怎么设定jqueryui中的dialog返回值给input(输入框点击打开dialog,dialog中有一个按钮,点击返回值给输入框,并关闭)
本帖最后由 pcuser 于 2013-11-21 00:17:27 编辑 怎么设定jqueryui中的dialog返回值给input(输入框点击打开dialog,dialog中有一个按钮,点击返回值给输入框,并关闭)。
写了试用的,不能用
$(function () {
$("input").click(function () {
$(this).val($("#dialog-confirm").dialog("open"));
});
$("#dialog-confirm").dialog({
autoOpen: false,
resizable: false,
height: 140,
modal: true,
buttons: {
"返回值": function () {
return "abc";
//事例采用直接返回"abc",实际是返回dialog中的一个Slider的值
$(this).dialog("close");
},
Cancel: function () {
$(this).dialog("close");
}
}
});
});
<div id="dialog-confirm" title="测试返回值"><p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>测试返回值</div>
<input id="a" type="text" />
<input id="b" type="text" />
<input id="c" type="text" />
<input id="d" type="text" />
<input id="e" type="text" />
<input id="f" type="text" />
<input id="g" type="text" />
$(this).dialog("close");
},
Cancel: function () {
$(this).dialog("close");
}
}
});
});
[解决办法]
回调return内容没什么意义
要用一个全局变量记录当前点击的input,在回调里面设置控件的值,如#5的