javascript - 同一页面上的两个表单需要相同元素的值

Question

我的 php 页面上有两个表单。提交后，它们会发布到不同的页面。两种表单都需要表单 A 内的保管箱的值。提交表单 B 时如何获取该值？

Answer 1

在表单 B 中创建一个隐藏输入，并在表单 A 的下拉列表中放置一个更改事件，该事件将其值复制到其中。

示例(使用 jQuery - 如果您想使用其他库或纯 javascript 来实现，则需要对其进行调整)。

<script type="text/javascript">
$(function(){
    $('#copy-src').change(function(){
        $('#copy-target').val( $(this).val() );
    }).change();
});
</script>

<form id="a" action="/a">
    <input type="text" name="a_only" />
    <select id="copy-src" name="also_b">
        <option value=""></option>
        <option value="foo">Foo</option>
        <option value="bar">Bar</option>
    </select>
    <button type="submit">Submit</button>
</form>

<form id="b" action="/b">
    <input type="text" name="b_only" />
    <input type="hidden" name="also_a" id="copy-target" />
    <button type="submit">Submit</button>
</form>

.change(function(){})创建一个更改事件来复制该值，而最终 .change()触发该事件(在页面加载时)以确保该值最初是正确的。