Javascript 如何在HTML中使用相同的输入值创建一个输入字段、两个按钮和两个操作

我试图做一个函数，就像我有一个输入字段和两个按钮，用于两个不同的操作，但获取相同的输入值

按钮1

 <form id="formAddUser" name="search" method="post" action="/maps">
        <input id="inputUserName" type="text" placeholder="Pilgrim ID here..." name="pilgrimID" autocomplete="off">
        <br>
        <br>
        <button id="btnSubmit" class="btn btn-info primary" type="submit">Locate Pilgrim</button>
    </form>

找到朝圣者

按钮2

    <form id="formAddUser" name="search" method="post" action="/biodata">
    <button id="btnSubmit" class="btn btn-info primary" type="submit">View BioData</button>
    </form>

查看生物数据

我有一个文本，其中我获取了朝圣者的ID，并提供了两个按钮“

查看生物数据”和“
查看位置”

如何将一个html元素的输入值传递给两个javascript函数，以使用输入执行某些操作？
将所有内容放在同一个表单中，并在一个或两个按钮上使用formaction属性

如果单击特定按钮，formaction将覆盖form标记上的action属性

我现在正在打电话，所以很难输入一个示例，但有一些好的信息。
我通常会在表单上放置两个按钮，并使用jQuery附加单击事件以更改表单的操作。试试这个

<form id="formAddUser" name="search" method="post" action="/maps">
  <input id="inputUserName" type="text" placeholder="Pilgrim ID here..." name="pilgrimID" autocomplete="off">
  <br>
  <br>
  <button id="btnSubmit1" class="btn btn-info primary" type="submit">Locate Pilgrim</button>
  <button id="btnSubmit2" class="btn btn-info primary" type="submit">View BioData</button>
</form>

表单提交的默认操作仍将使用不同的操作。
首先：是否有两个ID相同的按钮？您需要选择不同的ID，如btnLocate和btnBiodata

第二：把两个按钮放在同一个表单中。对不起，如果我错了，但我知道您有两个相同ID的表单（再次）。所以，你只需要一种形式，有人这样想：







找到朝圣者
查看生物数据

找到朝圣者
找到朝圣者

在选择器中，您可以使用
操作的值来确定要做什么
您可以将两个按钮和文本输入组合成一个表单，并使用JavaScript（通过
onclick
属性）根据单击的按钮更改表单操作

<script>
function setMapsAction(){
    formAddUser.action = "/maps";
}
function setBioAction(){
   formAddUser.action = "/biodata";
}
</script>

<form id="formAddUser" name="search" method="post" action="see-script">
        <input id="inputUserName" type="text" placeholder="Pilgrim ID here..." name="pilgrimID" autocomplete="off">
        <br>
        <br>
        <button id="btnSubmitMaps" class="btn btn-info primary" type="submit"
                onclick="javascript:setMapsAction()" 
           >Locate Pilgrim</button>
        <button id="btnSubmitBio"  class="btn btn-info primary" type="submit"
                onclick="javascript:setBioAction()"
           >View BioData</button>
    </form>


函数setMapsAction（）{
formAddUser.action=“/maps”；
}
函数setBioAction（）{
formAddUser.action=“/biodata”；
}




找到朝圣者
查看生物数据
你好，内森，很抱歉，你能帮我编辑一下吗：-|
<form method="post" action="/selector">
        <input id="inputUserName" type="text" placeholder="Pilgrim ID here..." name="pilgrimID" autocomplete="off">
        <button name="action" value="view-data" class="btn btn-info primary" type="submit">Locate Pilgrim</button>
        <button name="action" value="locate" class="btn btn-info primary" type="submit">Locate Pilgrim</button>
</form>

<script>
function setMapsAction(){
    formAddUser.action = "/maps";
}
function setBioAction(){
   formAddUser.action = "/biodata";
}
</script>

<form id="formAddUser" name="search" method="post" action="see-script">
        <input id="inputUserName" type="text" placeholder="Pilgrim ID here..." name="pilgrimID" autocomplete="off">
        <br>
        <br>
        <button id="btnSubmitMaps" class="btn btn-info primary" type="submit"
                onclick="javascript:setMapsAction()" 
           >Locate Pilgrim</button>
        <button id="btnSubmitBio"  class="btn btn-info primary" type="submit"
                onclick="javascript:setBioAction()"
           >View BioData</button>
    </form>