Question

我有一个带有ID='texta'的小文本区域，并且它有一个提交按钮作为表单的一部分。

如果用户使用javascript或jquery在textarea中单击，我该如何隐藏提交按钮？

Answer 1

通过css隐藏它

<input type="submit" value="Submit" style="display:none"/>

$("textarea").click(function(){
$(":submit").show();
});

http://jsfiddle.net/vb8kr/4/

Answer 2

默认情况下，为输入设置CSS display为none：

input[type="submit"] {
    display : none;
}

然后：

$('#texta').on('focus', function () {
    $('input[type="submit"]').show();

    //if you want to only get the submit button for this form:
    //$(this).parents('form').find('input[type="submit"]').show();
});

以下是演示：http://jsfiddle.net/8DnRE/

.on()是jQuery 1.7中的新功能，因此，如果您使用的旧版本.on()与.bind() {{1}}一起使用

Answer 3

最初使用css将提交按钮的显示设置为无。

<input type="button" style="display:none;" value="submit" id="submitbtn" />

然后在textarea onfocus中将其设置为可见，

$（'＃txtarea'）。on（'focus'，function（）{ $（ '＃submitbtn'）显示（）。 }）;

注意： txtarea 和 submitbtn 是textarea和提交按钮的ID。

Answer 4

看看这个例子。我希望我能理解你

http://jsfiddle.net/47Fcy/

HTML：

<textarea id="myTxt" name="myTxt"></textarea>
<input type="submit" id="btn" />

jQuery的：

$(document).ready(function(){
    $('#btn').css('display','none');
    $('#myTxt').focus(function() {
        $('#btn').fadeIn();
    });
});

textarea隐藏提交按钮，直到被点击？

4 个答案: