回答
通過CSS
隱藏它<input type="submit" value="Submit" style="display:none"/>
$("textarea").click(function(){
$(":submit").show();
});
我推薦使用'.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和提交按鈕。
默認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
看看這個例子。我希望我能理解你
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();
});
});
- 1. 如何隱藏標籤,直到點擊提交按鈕?
- 2. 點擊後隱藏提交按鈕
- 3. 點擊後隱藏提交按鈕
- 4. AngularJS:隱藏NG-消息,直到擊中形式提交按鈕
- 5. 點擊textarea顯示提交按鈕
- 6. 隱藏一個「清除」按鈕,直到「應用」按鈕,點擊
- 7. 隱藏提交按鈕
- 8. 提交按鈕被禁用,直到點擊另一個按鈕
- 9. 提交後隱藏提交按鈕?
- 10. 點擊隱藏按鈕
- 11. 隱藏()的點擊按鈕
- 12. ExtJS的,隱藏在摺疊字段點擊提交按鈕
- 13. HTML表單單選按鈕提交或隱藏點擊jquery
- 14. 使用jquery點擊隱藏窗體中的提交按鈕?
- 15. jQuery的隱藏表單提交按鈕點擊
- 16. 隱藏提交按鈕和字段點擊
- 17. 隱藏提交按鈕,直到成功上傳
- 18. 隱藏表單提交按鈕,直到使用HTML/Javascript填充隱藏字段
- 19. 隱藏提交按鈕被按下
- 20. VBA提交按鈕點擊
- 21. 當點擊提交按鈕
- 22. 點擊提交按鈕
- 23. 點擊提交後按鈕
- 24. jQuery:ajax,點擊提交按鈕
- 25. 提交按鈕點擊
- 26. 在點擊提交按鈕時提交
- 27. 點擊提交按鈕後點擊f5
- 28. 隱藏按鈕,直到在另一個頁面中點擊一個按鈕
- 29. 隱藏TextView,直到按下按鈕
- 30. 隱藏在IE7提交按鈕與CSS
究竟你有問題?最初隱藏按鈕?將'click'事件處理程序附加到textarea?選擇正確的元素?顯示按鈕?請發佈迄今爲止的代碼。 – 2012-01-02 12:33:20