有没有办法根据其选择输入设置表单操作？ [关闭]

Question

关闭。 这个问题需要更加集中。 它目前不接受答案。

---

想改善这个问题吗？ 更新问题，使其仅通过编辑这篇文章来关注一个问题。

3 小时前关闭。

改进这个问题

我正在尝试编写一个搜索栏，其作用是获取招聘广告、求职者或公司的列表。

我对表格有一些要求：

• 我只需要一个表格就可以通向 3 条不同的路线
• 表单方法需要是“GET”
• 表单操作需要根据用户正在寻找的内容（招聘广告、求职者或公司）进行更改

我有一个带有这 3 个选项的选择输入，但我想不出一种正确的方法来根据选择的选项更改表单操作。 对此有何建议？

感谢，并有一个愉快的一天 ！

Answer 1

您可以使用 javascript 更改表单操作，通过侦听选择上的“更改”事件。

鉴于此选择

<select onchange="updateFormAction(this)">
    <option value="ad">Ads</option>
    <option value="appliant">Appliants</option>
    <option value="company">Companies</option>
</select>

您可以使用

const formRoutes = {
    ad: {{ path('ad_search_backend_route') }},
    appliant: {{ path('appliant_search_backend_route' }},
    company: {{ path('companies_search_backend_route' }}
}

function updateFormAction(elm){
    myForm = document.getElementById('{formId}')
    myForm.setAttribute('action', formRoutes[elm.value])
}