jQuery对话框在javascript中执行if/else后不可见

从一个简单的html页面，用户点击一个按钮，上面写着“添加问题”

通过“单击”，一个jQuery对话框弹出，其中一个表在原始页面上“隐藏”（显示：无）

用户在jQuery对话框的输入字段中输入一个“数字”（对于熟悉医疗代码的人来说是icd-9代码）

当用户单击.dialog中的按钮时，该数字将被读取、修剪并发送到if/else的第一部分

---

如果数字是好的，我就用你的小提琴，更多地使用你原来的javascript

这改变了

varicd9 = document.getElementById('testinput').value;
varicd9 = varicd9.trim();

到

对于出现的控制台错误，还有其他一些调整。它可能无法完全解决您的问题，因为它是抽象的。

我发现了问题

出于“很好的理由”（我忘了它是什么），我将表放在一个div中。显然，当它在一个div中时，表的行为是不同的（即使div有不同的名称）

所以我拿走了沙发，把桌子装饰了一点，现在一切都很好

对我来说，学习的重点不是把东西放在一个div里，除非绝对必要

---

谢谢大家的评论和帮助

我可以问一下这个元素在DOM中附加到什么类型的元素吗？您的

$。ajax

调用看起来有点错误。您可能希望将

url

放在引号中（

url:“readicd9backend.php”，

）和

数据：{icd9:varicd9}，

，除非

varicd

是您在别处定义的变量。但是对于问题本身，我想可能是你发布的代码之外的问题。非常好。非常感谢。我将编辑上面的评论。哦哦哦哦…我想知道“模式”是否可以这样做…是吗？不，我将“模式”设置为false，并且仍然具有相同的“功能”。“e.preventDefault（）；”有一个错误，但我浏览了一点并尝试了“event.preventDefault（）；”没有错误，但对话框仍然消失。我启动并运行了.ajax，在它结束时，.dialog消失了。很抱歉问您更多的问题，但是您能从您的问题中重新创建一个JSFIDLE吗？我非常感谢您挑战我做JFIDLE。过去我用它来做简单的事情，但我不知道它能做更复杂的事情。在这里，它是-它似乎工作的预期。-现在我只需要找出我的东西不起作用的原因。我已经做了所有的更改，但窗口仍然存在一个问题，即出现错误或db调用。我会继续努力，如果我找到了解决方案，我会发布它。再次感谢！

$("#addproblementerbutton").click(function() {
 $(function() {  $( "#addproblemtable" ).dialog({
                                                height: 550,
                                                width: 600,
                                                modal: true
                                                });
               });
});

<!--start of hidden add problem table-->
<div id="addproblemtable" style="display:none" title="Add a Problem"><!--start of add problem div/table-->
<form id="addproblem">
<table id="addproblem" class="addproblemtable">
  <tr>
    <td style="width:200px; text-align:right;">ICD-9:</td>
    <td><input id="icd9input" type="text"></td>
    <td><button id="findbuttonicd9">FIND ICD-9</button></td>
  </tr>
  <tr>
    <td style="width:200px; text-align:right;">Problem:</td>
    <td><input id="problem" type="text"></td>
    <td><button id="findbuttontext">FIND TEXT</button></td>
  </tr>
  <tr>
    <td colspan="3">
      <div id = "listicd9" style="width:100%; height:200px; overflow-y:scroll; margin-top:10px; margin-bottom:10px; background-color:#F1E2FE">
      </div>
    </td>
  </tr>
  <tr>
    <td style="width:200px; text-align:right;">Date Noted:</td>
    <td><input id="dateonset" type="text"></td>
    <td></td>
  </tr>
  <tr>
    <td style="width:200px; text-align:right;">Date Entered:</td>
    <td><input id="dateentry" type="text"></td>
    <td></td>
  </tr>
  <tr>
    <td colspan="3">
      <input type="radio" id="active" name="status" value="Active" checked="checked" />
      <label class="styleradiobutton"  for="active">Active</label></input>
      <input type="radio" id="inactive" name="status" value="Inactive" />
      <label class="styleradiobutton" for="inactive">Inactive</label></input>
    </td>
  </tr>
  <tr>
    <td colspan="3" style="width:200px; text-align:center;">
      <input id="resetbutton" type="reset" value="RESET" class="formbutton"><!--reset the form-->
      <input id="addproblemsubmitbutton" type="button" value="ADD" class="formbutton"></td>
  </tr><!--add a problem button-->
  <tr>
    <td><div id=listicd9></div></td>
  </tr>
</table>
</form>
</div><!--end of add problem div/table-->

  <tr>
    <td style="width:200px; text-align:right;">ICD-9:</td>
    <td><input id="icd9input" type="text"></td>
    <td><button id="findbuttonicd9">FIND ICD-9</button></td>
  </tr>

varicd9 = document.getElementById('testinput').value;
varicd9 = varicd9.trim();

var icd9 = $('#testinput').val();
icd9 = icd9.trim();