Question

我想知道是否有一种方法可以调整此代码，以便在单击提交按钮时，它会消失，但输入框将保留。

<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>

Answer 1

只需添加：

   button.style.visibility = "hidden";

在SetInput函数的末尾。

Answer 2

如果你想让它消失使用......

button.style.visibility = "hidden";

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

如果您希望空间也消失，请使用此代替visibility ...

button.style.display = "none";

Answer 3

<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>

Answer 4

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

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

您当然可以将其作为参数传递，这将是一个很好的解决方案。

Answer 5

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

Answer 6

HTML（无按钮）：输入id =＆＃34; myButton＆＃34;类型=＆＃34;隐藏＆＃34; value =＆＃34;点击ME？＆＃34;

此行将使按钮可见：的document.getElementById（＆＃34;为myButton＆＃34;）类型=＆＃34;按钮＆＃34 ;;

我发现它很简单

Answer 7

<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>

点击后，提交按钮消失

7 个答案: