Question

使用jquery我想让多个文本字段出现.. 单击此文本时

<form>
<input  style="margin-top:20px;margin-right :50px; width:255px;height:23px;float:left;" type="text"  name="CrawlerField"id="CrawlerField"/>
<input style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField1"/>
<input style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField2"/>
<font id="jqueryAdd">Add button</font>
</form>

这是单击文本时显示的文本....

<font id="jqueryAdd">Add button</font>

脚本

开始时隐藏所有文本字段

$("#CrawlerField1").hide();
$("#CrawlerField2").hide();

单击使用jqueryAdd定义的单词“添加”按钮检查上一个文本字段是否隐藏下一个文本字段

$("#jqueryAdd").click(function ( event ) {
      if($("#CrawlerField").is(":visible"))
      $("#CrawlerField1").show();
        return false;
});
$("#jqueryAdd").click(function ( event ) {
      if($("#CrawlerField1").is(":visible"))
      $("#CrawlerField2").show();
  return false;
});

此代码导致开始时所有按钮的外观!!

Answer 1

将class添加到您的所有<input>标签，例如

 <input class ="in" style="margin-top:20px;margin-right :50px; width:255px;height:23px;float:left;" type="text"  name="CrawlerField"id="CrawlerField"/>
<input class ="in" style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField1"/>
<input class ="in" style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField2"/>

并在jquery中添加此行以隐藏最初的所有输入。

$(".in").hide();

Jquery，每次单击按钮出现一个文本字段

1 个答案: