我有一个具有当前日期值的按钮。当我点击按钮时,应该会打开一个弹出窗体,它会有一个包含按钮值的文本框。提交表单后,按钮值应相应更改
这是我的 HTML 表单
<button id="appDate" ></button>
<div id="popupForm" style="display:none;">
<form action = "" method="POST">
<input type="text" name = "date" value="" />
<input type="submit" value="Submit" />
</form>
</div>
J查询代码
$(document).ready(function(){
now = new Date();
y = now.getFullYear();
m = now.getMonth()+1;
d = now.getDate();
h = now.getHours();
mi = now.getMinutes();
full_date = y + '-' + (m<10?'0'+m:m) + '-' + (d<10?'0'+d:d) + ' ' + (h<10?'0'+h:h) + ':' +(mi<10?'0'+mi:mi);
$('#appDate').text(full_date);
});
$(function(){
$( "#popupForm" ).dialog({
autoOpen: false
});
$("#appDate").click(function() {
$("#popupForm").dialog('open');
});
});
当我打开表单时,我应该能够在表单中获取该日期并在提交后,无论我输入什么作为日期都应该在按钮上
最佳答案
您需要挂接到该输入的更改事件并相应地设置按钮文本:
$("input[type=text]").change(function() {
$("#appDate").prop('value', $( this ).text());
});
要在对话框打开时执行某些操作,您必须将一个函数传递给它的打开字段。最后你的代码看起来像这样:
$('#dialogbox').dialog({
autoOpen:false,
open: function() {
// use above code
}
});
关于javascript - 获取弹出窗体中按钮的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40983804/