2

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

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

7 回答 7

8

只需添加：

   button.style.visibility = "hidden";

在您的SetInput功能结束时。

于 2013-01-11T14:01:29.787 回答
4 
<button onclick="style.display = 'none'">Click Me</button>
于 2013-07-11T08:52:55.210 回答
3

如果您希望它消失，请使用...

button.style.visibility = "hidden";

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

如果您也希望空间消失，请使用它而不是visibility...

button.style.display = "none";
于 2013-01-11T14:02:38.997 回答
1 
<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>
于 2013-01-11T14:04:22.723 回答
1

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

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

您当然可以将它作为参数传递，这将是一个不错的解决方案。

于 2013-01-11T14:05:46.017 回答
0

HTML（无按钮）：输入 id="myButton" type="hidden" value="点击我？"

此行将使按钮可见： document.getElementById("myButton").type="button";

我发现它很简单

于 2013-11-06T08:12:11.160 回答
-1 
<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>
于 2014-11-08T15:35:43.477 回答