使提交按钮消失点击时

我想知道是否有一种方法我可以适应此代码，以便当点击提交按钮时，它将消失，但输入框将保留。使提交按钮消失点击时

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

来源

2013-01-11 user1559811

感谢所有的帮助它的大加赞赏。它的工作很好 – user1559811

只需添加：

button.style.visibility = "hidden";

你SetInput函数的末尾。

来源

2013-01-11 14:01:29

完美，非常感谢 – user1559811

请注意，使用此方法会保持流中的按钮（意味着它仍占用空间，但看不到它）。如果你想从流中删除它，你可以使用'button.style.display ='none';'代替。 –

好吧，我认为这很好，但是谢谢你的信息 – user1559811

如果你希望它消失使用...

button.style.visibility = "hidden";

然而，这将离开按钮正在采取的空间（但它会是空白）。

如果你想的空间消失为好，用这个来代替visibility ...

button.style.display = "none";

来源

2013-01-11 14:02:38 freefaller

<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-11 14:04:22

总是会更好地突出显示你的建议是什么改变 - 否则人们必须逐行扫描代码以尝试找出发生了什么变化 – freefaller

Thanks @freefaller –

写js函数，将隐藏的元素。

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

你当然可以通过它作为参数，这将是一个很好的解决方案。

来源

2013-01-11 14:05:46 SBI

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

来源

2013-07-11 08:52:55 saikiran

HTML（无按钮）：输入ID = “myButton的” 类型= “隐藏” 值= “点击我吗？”

此行将使可见按钮：的document.getElementById（” myButton的 “）类型=” 按钮“;

我发现它更简单

来源

2013-11-06 08:12:11 anney

-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-08 15:35:43 qwerky

使提交按钮消失点击时

回答

相关问题