javascript - 获取弹出窗体中按钮的值

Question

我有一个具有当前日期值的按钮。当我点击按钮时，应该会打开一个弹出窗体，它会有一个包含按钮值的文本框。提交表单后，按钮值应相应更改

这是我的 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');
  });
});

当我打开表单时，我应该能够在表单中获取该日期并在提交后，无论我输入什么作为日期都应该在按钮上

Answer 1

您需要挂接到该输入的更改事件并相应地设置按钮文本:

$("input[type=text]").change(function() {
    $("#appDate").prop('value', $( this ).text());
});

要在对话框打开时执行某些操作，您必须将一个函数传递给它的打开字段。最后你的代码看起来像这样:

 $('#dialogbox').dialog({          
      autoOpen:false,
      open: function() {
          // use above code
      }
  });