我需要一个带有单个输入字段和两个按钮的表单。
棘手的部分是我需要根据按下的按钮更改输入字段名称。
<FORM name="Form1" id="num_colis" method="post">
<INPUT TYPE="text" name="abc OR xyz" value="">
<INPUT type="button" value="Colissimo" onclick="return OnButton1();">
<INPUT type="button" value="CSUIVI" onclick="return OnButton2();">
</FORM>
<script language="Javascript">
<!--
function OnButton1()
{
document.Form1.action = "http://www.site1.fr/suivi"
document.Form1.submit(); // Submit the page
return true;
}
function OnButton2()
{
document.Form1.action = "http://www.site2.fr/suivi"
document.Form1.submit(); // Submit the page
return true;
}
-->
</script>
为此,我需要:“INPUT TYPE="text"name="abc"在按下 button1 时使用,类似地,"INPUT TYPE="text"name="xyz"在按下时使用按钮 2 被按下。
我到处寻找解决方案都无济于事,是否有 javascript 解决方案或技巧可以实现此目的?
最佳答案
使用纯 JavaScript
将id属性设置为输入
<INPUT TYPE="text" id="textField" value="">
function OnButton1()
{
document.getElementById('textField').name = 'abc';
document.Form1.action = "http://www.site1.fr/suivi"
document.Form1.submit(); // Submit the page
}
function OnButton2()
{
document.getElementById('textField').name = 'xyz';
document.Form1.action = "http://www.site2.fr/suivi"
document.Form1.submit(); // Submit the page
}
关于javascript - 1 个带有 1 个输入字段和 2 个按钮的表单;需要根据使用的按钮更改输入名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14192848/