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;
});
このコードにより、開始時にすべてのボタンが表示されます!!