Question

我有2个输入框id和name如果此输入框为空，则不会显示div#content。

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

通过ajax获取数据并在<input>字段中打印结果的条件正在运行。
在显示之前检查<input>是否都有值的条件 div#content也在运作。

我挣扎的部分，如果我输入id号码，点击<button>，ajax的结果会在我的名称中插入值 <input>字段，即使所有<input>（id＆amp; name）都有值，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。检查我的<input class="required">是否有值。如果没有，没有任何反应。如果为true，则会显示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> 
});
});

[编辑]

是的，谢谢你的拼写错误。但那不是问题。

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

检查所有输入字段是否有值，然后显示content = okay
通过ajax获取数据并在input = okay

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

如果<input />框有值，则在jQuery </div>中显示<div>

0 个答案: