Question

我有输入按钮，我想要的是如果用户点击按钮，则应出现文本框。

以下是无效的代码：

<input type="submit" value="Add Second Driver" id="driver" />
                    <input type="text" id="text" />

$("#driver").click(function() {

    $('#text').show();

  }
 });

此外，文本框最初不应显示

Answer 1

您可以改为使用切换;

$('#text').toggle();

如果没有参数，.toggle()方法只是切换元素的可见性

Answer 2

以下是使用切换的示例：

http://jsfiddle.net/x5qYz/

Answer 3

试试这个：

$(document).ready(function(){
    $("#driver").click(function(){
       $("#text").slideToggle("slow");
  });
});

Answer 4

<input type="submit" value="Add Second Driver" id="driver" />
<input type="text" id="text" style="display:none;" />

$("#driver").click(function() {
    $('#text').css('display', 'block');
});

Answer 5

$(function()
{

    // Initially hide the text box
    $("#text").hide();

    $("#driver").click(function()
    {

         $("#text").toggle();
         return false; // We don't want to submit anything here!

    });

});

Answer 6

在页面最初加载时隐藏文本框

<强>代码：

$(document).ready(function () {
$('#text').hidden();
 });

然后你应该按照你想要的方式工作。

Answer 7

试试这个：

<script type="text/javascript">
jQuery(function ($) {
    $('#driver').click(function (event) {
        event.preventDefault(); // prevent the form from submitting
        $('#text').show();
    });
});
</script>
<input type="submit" value="Add Second Driver" id="driver" />
<input type="text" id="text" />

如果单击按钮，则使用Jquery隐藏/取消隐藏文本框

7 个答案: