如何清除文本字段？

-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

如何清除文本字段？

回答

相关问题