如何清除文本字段？

-3

我想在文本字段旁邊放置一個十字按鈕，在點擊它時清除用戶輸入的值。換句話說，它清空了這個領域。請幫助.. 我也想重點領域，但經過一段2或3秒..如何清除文本字段？

2012-12-18 ballaneypranav

請只是需要一個小時，並通過[jQuery的API文檔]（HTTP讀： //api.jquery.com）。除此之外，它不再需要任何時間，並且它爲您提供了像這樣令人難以置信的基本問題的答案。 –

歡迎來到SO，我們歡迎您提出任何有關您可能遇到的與編程相關的問題的問題，但是，我們要求您首先展示您尋求解決方案的真正嘗試，因爲我們不會向這些人提供免費代碼誰不先嚐試它自己。快樂的編碼！ :) –

像這樣：

$('#myButton').click(function() { 
    $('#myField').val(''); 
});

或者沒有jQuery的

document.getElementById('myButton').onclick = function() { 
    document.getElementById('myField').value = ''; 
});

來源

2012-12-18 14:27:12 Fenton

你試過什麼都沒有？但是，這應該做（誤讀後編輯，見下文）：

$('#your_button').click(function() { $('#your_textbox').val(''); });

來源

2012-12-18 14:27:13 Ben

試試這個，

$('#button').click(function(){ 
    $('#inputBox').val(''); 
});

來源

2012-12-18 14:28:27 Swarne27

在Javascript中：

document.getElementById('textField1').value = "";

來源

2012-12-18 14:28:37

假設你的文本字段看起來像這樣一個：

<input type="text" id="myText"></input>

和你的按鈕看起來像這樣的：

<input type="button" id="myButton"></input>

你只需要做到這一點在JavaScript：

<script type="text/javascript"> 
    var myButton = document.getElementById('myButton'); 
    myButton.addEventListener("click", function() { 
     document.getElementById('myText').value = ''; 
    }, false); 
</script>

如果你使用jQuery那就更簡單了：

<script type="text/javascript"> 
    $('#myButton').click(function() { 
     $('#myText').val(''); 
    }); 
</script>

來源

2012-12-18 14:29:12

那麼，學會把你的任務分解成更小的任務，一切都會變得更容易。在這裏，例如，您有兩項任務：

1）在輸入附近放置一個「X」按鈕。這是通過CSS和HTML實現的。你的HTML可能看起來像：

然後，你應該跟你輸入

2）實際擦除對準你的形象。在jQuery中：

$("#x_button").click(function() { 
    $("#input_id").val("");  
});

但這是Web開發的真正基礎，所以你應該真的考慮閱讀某種書。

來源

2012-12-18 14:32:08

你可以用html5值來做到這一點。

<input type="text" placeholder="Your text here">

來源

2012-12-18 14:33:19 jbr

這裏是一個示例：

HTML：

<input type="text" id="txtText" value="test value" /> 
<input type="button" id="btnClear" value="Clear" />

的javascript：

$(document).ready(function() { 
      $("#btnClear").click(ClearText); 
     }); 

     function ClearText() { 
      $("#txtText").val(""); 
     }

來源

2012-12-18 14:36:11

如何清除文本字段？

回答

相關問題