使用一个输入作为两个按钮的值

Use one input as value for two buttons

本文关键字：两个 按钮 输入 一个      更新时间：2023-09-26

我希望有两个按钮提交相同的值（由输入字段确定）。

<form action="index.html">
    <button type="submit" name="btn1">Btn1</button>
    <button type="submit" name="btn2">Btn2</button>
    <input type="text" value="50">
</form>

它应该导致：

Btn1 => index.html?Btn1=50
Btn2 => index.html?Btn2=50

调用索引.html根据单击的按钮。

<script type="text/javascript">
                function setButton1Value(){
//call index.html?Btn1=50                    
}
</script>
<script type="text/javascript">
                function setButton2Value(){
//call index.html?Btn2=50                    
}
</script>
 <form action="index.jsp" method="get">
                <input type="text" value="50" name="input" id="input">
                <button type="submit" name="btn1" id="btn1" onclick="setButton1Value()">Btn1</button>
                <button type="submit" name="btn2" id="btn2" onclick="setButton2Value()">Btn2</button>
 </form>

两个按钮不能发送相同的值，因为一次只能单击一个按钮。对于一个按钮发送值，您可以尝试这样做：-

    <form action="index.jsp" method="get">
                <input type="text" value="50" name="input" id="input">
                <button type="submit" name="btn1" id="btn1" onclick="putValue()">Btn1</button>
                <button type="submit" name="btn2" id="btn2" onclick="putValue()">Btn2</button>
    </form>
            <script type="text/javascript">
                function putValue(){
                    document.getElementById('btn1').value=document.getElementById('input').value;
                    document.getElementById('btn2').value=document.getElementById('input').value;
                }
            </script>
相关文章：