-3

我想在文本字段旁边放置一个十字按钮，单击它会清除用户输入的值。换句话说，它清空了字段。请帮助..而且我也想集中精力，但大约 2 或 3 秒后..

4

8 回答 8

5

像这样：

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

或者没有 jQuery

document.getElementById('myButton').onclick = function () {
    document.getElementById('myField').value = '';
});
于 2012-12-18T14:27:12.740 回答
1

试试这个，

$('#button').click(function(){
  $('#inputBox').val('');
});
于 2012-12-18T14:28:27.543 回答
0

你有没有尝试过任何东西？但这应该可以（误读后编辑，见下文）：

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

于 2012-12-18T14:27:13.623 回答
0

在 Javascript 中：

document.getElementById('textField1').value = "";
于 2012-12-18T14:28:37.827 回答
0

假设您的文本字段如下所示：

<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-18T14:29:12.053 回答
0

好吧，学会把你的任务分解成更小的任务，一切都会变得容易得多。例如，在这里，您有 2 个任务：

1）在输入附近放置一个“X”按钮。这是通过 CSS 和 HTML 实现的。您的 HTML 可能如下所示：

然后你应该将你的图像与你的输入对齐

2) 实际擦除。在 jQuery 中：

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

但这是 Web 开发的真正基础，所以你真的应该考虑阅读一些关于它的书。

于 2012-12-18T14:32:08.780 回答
0

您可以使用 html5 值来完成。 

<input type="text" placeholder="Your text here">
于 2012-12-18T14:33:19.413 回答
0

这是一个示例：

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-18T14:36:11.307 回答