Question

我在这里有一种情况：我有以下形式：

<form action="sample.php" id="searchform" method="post">
<input type="text" id="key_words" name="key_words" value="<?php echo isset($_POST['key_words']) ? $_POST['key_words'] : '' ?>"style="width:377px;">
<input type="text" name="minimum_price" value="<?php echo isset($_POST['minimum_price']) ? $_POST['minimum_price'] : '' ?>">
<input type="text" name="maximum_price" value="<?php echo isset($_POST['maximum_price']) ? $_POST['maximum_price'] : '' ?>">

我在值中使用php脚本，因为我需要保持文本框中的值持久。所以，现在我需要在单击按钮时清除文本框中的值：

<button type="reset" value="clear" onclick="clearform()">Clear</button>

我尝试了一些事情并且失败了。请帮忙？ JavaScript也可以用于clearform（）方法。

Answer 1

您只需要通过id获取元素并将value属性设置为空字符串：

function clearform()
{
  document.getElementById('key_words').value = '';
  //same thing for other ids
}

对于您的minimum_price和maximum_price，您需要添加id，因为您现在只有name。

此外，在这种情况下，由于您不想使用HTML的标准重置功能，请不要使按钮类型reset。

Answer 2

它将为您服务：

<form action="sample.php" id="searchform" method="post">
    <input type="text" id="key_words" name="key_words" value="test1"style="width:377px;">
    <input type="text" name="minimum_price" value="test2">
    <input type="text" name="maximum_price" value="test3">

    <button type="reset" value="clear" onclick="clearform()">Clear</button>
</form>
<script>
    function clearform() {
        var form = document.getElementById("searchform");
        var textFields = form.getElementsByTagName('input');

        for(var i = 0; i < textFields.length; i++) {
            textFields[i].setAttribute('value', '');
        }
    }
</script>

使用php或javascript清除html表单数据

2 个答案: