使提交按钮在单击时消失

make submit button disappear when clicked

本文关键字：消失 单击 提交 按钮      更新时间：2023-09-26

我想知道是否有办法调整这段代码，这样当点击提交按钮时，它就会消失，但输入框会保留下来。

<script type="text/javascript">
 var Text = 'hello';
    function setInput(button) {
       var buttonVal = button.name,
       textbox = document.getElementById('input_' + buttonVal);
       textbox.value = Text ;
    }
</script>
<html>
      <input class='input' id="input_a1" name="a1" value="<?php {echo $a1;} ?>"> 
      <input type='submit' name='a1' value='x' onclick='setInput(this); return false;'>
</html>

只需添加：

   button.style.visibility = "hidden";

在CCD_ 1函数的末尾。

<button onclick="style.display = 'none'">Click Me</button>

如果您想让它消失，请使用。。。

button.style.visibility = "hidden";

然而，这将留下按钮占用的空间(但它将是空白的(。

如果你想让空间也消失，用这个代替visibility。。。

button.style.display = "none";

编写一个隐藏元素的js函数。

function hide() {
    var div = document.getElementyById('whatYouWantToHide');
    div.style.display = 'none';
}

你当然可以把它作为一个论点来传递，这将是一个很好的解决方案。

<script type="text/javascript">
 var Text = 'hello';
    function setInput(button) {
       var buttonVal = button.name;
       button.style.display = 'none'; // insert this line
       textbox = document.getElementById('input_' + buttonVal);
       textbox.value = Text ;
    }
</script>

HTML(无按钮(：input id="myButton"type="hidden"value="Click ME？">

这一行将使按钮可见：document.getElementById("myButton"(.type="button"；

我发现非常简单

<script type="text/javascript">
function submitform()
{
    document.forms["myform"].submit();
}
</script>
<form id="myform" action="submit-form.php">
Search: <input type='text' name='query'>
<a href="javascript: submitform()">Submit</a>
</form>
相关文章：