textarea隱藏提交按鈕，直到點擊？

我有一個ID='texta'的小文本區，這個表單有一個提交按鈕。textarea隱藏提交按鈕，直到點擊？

如何隱藏提交按鈕，直到用戶在使用javascript或jquery的textarea內單擊？

2012-01-02 David19801

究竟你有問題？最初隱藏按鈕？將'click'事件處理程序附加到textarea？選擇正確的元素？顯示按鈕？請發佈迄今爲止的代碼。 – 2012-01-02 12:33:20

通過CSS

隱藏它

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

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

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

來源

2012-01-02 12:33:04 Rafay

我推薦使用'.blur（）'而不是'.click（）'，因爲通常我在表單中使用tab鍵。 – sascha 2012-01-02 12:34:56

'：textarea'不是一個有效的僞選擇符，你的意思是'textarea'嗎？無論哪種方式，它都可以找到所有textareas，而不僅僅是請求的，所以它既是要求的又是效率更低的形式。 '：submit'選擇器可以工作，但會顯示所有提交按鈕，這可能不是所需的結果。 – 2012-01-02 12:36:51

@DavidHedlund在發佈答案的幾秒鐘後它被糾正了，也是給OP一個想法，而沒有看完整個怎麼能告訴頁面/表格 – Rafay 2012-01-02 12:37:43

最初設置提交按鈕使用CSS沒有的顯示。

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

在textarea的聚焦狀態

然後將其設置可見像，

$（ '＃txtarea'）。在（ '專注'，函數（）{ $（ '＃submitbtn'）。秀（）; }）;

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

來源

2012-01-02 12:34:16 VKGS

默認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()：http://api.jquery.com/on

來源

2012-01-02 12:35:24 Jasper

看看這個例子。我希望我能理解你

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(); 
    }); 
});

來源

2012-01-02 12:46:03

textarea隱藏提交按鈕，直到點擊？

回答

相關問題