Question

我正在使用以下代码来显示html模式弹出窗口。它显示绝对精细。唯一的问题是我的div中的一个字段是日期时间字段，我使用的是jquery datetimepicker模块。但是，当我点击日历图像时，日历下拉列表显示在主HTML页面而不是弹出的html页面上。任何人都可以查看我的代码并给我建议我在这里做错了什么。

  <div id="shade" ></div>
  <div id="modal">
      <label> Summary:   </label>
      <input type="text" name="summary" id="summary" style="width: 500px;"/>  <br>
      </select><br>
      <label> priority:  </label>
      <select id="change_type" name="change_type" style="width: 150px;">
          <option value ="Minor"> Minor</option>
          <option value ="Medium"> Medium</option>
          <option value ="Major"> Major</option>
      </select> <br>
      <label> Due Date:   </label>
      <input type="text" name="duedate" id="duedate" value="{{ request.args['duedate'] }}" align ="center" ondblclick="value=''"/>
      <img src="{{ url_for('static', filename='cal.gif')}}" style="cursor: pointer; display: inline-block;" onclick="javascript:NewCssCal('duedate','yyyymmdd','dropdown',true,'24')"/><br>

      <button id="id" style="position: absolute;left:600px;">Please verify</button>
      <button id="Cancel" onclick="" style="position: absolute;left:700px;">Cancel</button>
  </div>

我的ajax电话是

  $('#cm').blur(function(){
    var cmnumber = document.forms['myform']['cm'].value;
    var modal = document.getElementById('modal');
    var shade = document.getElementById('shade');

    $.ajax({
    type:'get',
    url: "/validatecm/"+cmnumber,
    cache:false,
    async:false,
    data:cmnumber,
    success: function(data) {

            if ( data == cmnumber)
            {  alert ("Its a valid CM")}
            else
            { var answer = confirm("This is Not a Valid CM. Do you want to File a new one?")
                if(answer)
                {
                    modal.style.display=shade.style.display= 'block';
                }
            }

  })

Answer 1

您无法在JavaScript中堆叠分配（=）：

 modal.style.display=shade.style.display= 'block';

您已经在使用jQuery，因此请使用：

$('#modal, #shade').show()

Html模式弹出窗口

1 个答案: