我有一個添加按鈕 ,我想設置按鈕打開一個文本框被點擊時無需刷新 的頁面,我認爲解決的辦法是JavaScript的 所以請幫我上使用javascript
clickin按鈕創建一個文本框回答
如果可以,使用jQuery
。簡單地說:
HTML:
<button id="createInput">Create</button>
<div id="textarea"></div>
和jQuery:
$('#createInput').click(function(){
$('#textarea').html('<input type="text" />');
return false;
});
注:如果你想創建的每個新元素點擊按鈕,與append
確定。可以說我有三個按鈕,它們都有相同的類。 他們在我的網站的不同部分。當我點擊添加按鈕時,它應該打開這個添加按鈕的文本框。我使用這個代碼,但它不會工作。有什麼問題? $( 'createInput')。點擊(函數(){ – 2013-04-26 13:52:25
那又怎樣?我不明白你的意思。@HamedGhaderi – alix 2013-04-26 13:53:41
第一設置文本框顯示:無在CSS, 然後 使用jQuery
$('#id-Of-your-button').on('click', function(){ $('Your-text-box').show(); })
,如果你想切換能見度使用
$('Your-text-box').toggle();
OP想要「創造」一個元素。不要切換現有的。 – alix 2013-04-24 15:00:28
他可以使用附加功能 – Forrestoned 2013-04-24 15:00:58
- 1. 上使用JavaScript SDK
- 2. 使用上的JavaScript
- 3. 使用javascript上傳到imgur
- 4. 在Facebook上使用javascript
- 5. 使用Javascript - 上粘貼
- 6. 如何使用上由JavaScript
- 7. 使用javascript上下滾動
- 8. JavaScript未在WordPress上使用
- 9. 上方添加使用JavaScript
- 10. 裝載上使用javascript
- 11. 在javaScript上使用setInterval
- 12. Blobstore使用javascript上傳
- 13. 使用Javascript上傳Parse.File
- 14. 公開賽上使用javascript
- 15. 顯示上使用Javascript
- 16. 使用javascript上傳圖片?
- 17. 警報上使用Javascript
- 18. 上一頁/上一頁使用Javascript?
- 19. 使用javascript在Facebook上上傳照片
- 20. 使用JavaScript在Selenium上使用JavaScript滾動到網頁元素
- 21. 使用javascript在HTML5視頻上使用javascript繪製矩形
- 22. 如何使JavaScript在Flask上使用python?
- 23. 在JavaScript上使用延遲「OpenSel」
- 24. 在服務器上使用javascript驗證
- 25. 如何觸發unpress上使用Javascript
- 26. 使用javascript顯示上週的日期
- 27. 在iframe的內容上使用Javascript
- 28. 使用javascript從下到上滑動div
- 29. 在子串上使用javascript拆分
- 30. 如何在JavaScript上使用模板?
-1代替
html
請做一些研究,我們的工作不是爲你做這項工作。做一些努力。 – Dom 2013-04-24 14:57:42打開文本框而不刷新頁面?不知道你在說什麼:-s – 2013-04-24 14:57:43