0

我有2个输入框id，name如果这个输入框是空的，它就不会显示div#content。

我还有一个事件，如果用户输入他的id并点击按钮onclick，它将获取该的关联名称id。

  • 通过 ajax 获取数据并在 <input>字段中打印结果的条件正在工作。

  • 在显示之前检查两者<input>是否都有值 的条件div#content也有效。

我挣扎的部分是，如果我输入id数字，单击<button>，ajax 的结果将在我的名称 <input>字段中插入值，即使所有<input>（id 和名称）都有值，div#content仍然不会出现。

但如果我手动输入，而不使用按钮，div#content就会出现。

下面这个<input>html 标记，类名为required.

<input name="id" id="id" class="required" type="text" placeholder="ID"> 
<button id="myButton">

<input name="name" id="name" class="required" type="text" placeholder="Name">

这是我的 JS。它检查 my<input class="required">是否有值。如果没有，什么也不会发生。如果为真，它将显示一个 div #content。

$('.required').on("keyup keypress change", function () { 
var flag = true;

$('.required').each(function() {
if ($(this).val() == "") {    //if value of <input> is empty
   flag = false;
});

if (flag) {
   $("#content").slideDown("slow");
   $("#content").show();
}

同时，我还有一个脚本，可以name根据ID输入获取关联。

$('#myButton').on('click', function () {  //on click of button
var id = $j('#id').val();  //get the value of input id

$.getJSON(....) {   // send this to ajax.php to retrieve the associated name
   $.each(.......) {    //fetch it via json_encode
   var name = data[key]["name"];   //store in a var name
   $("#name").val(name);     // insert the value in the <input> 
});
});

[编辑]

是的，谢谢你的错字。但这不是问题所在。

如果我尝试每个代码（独立）

  • 检查所有输入字段是否有值然后显示内容=好的
  • 通过 ajax 获取数据并在输入中显示结果 = 好的

但如果我试图让它们一起工作，div#content 根本不会显示。即使所有字段都有值。

4

0 回答 0