php - 在提交时从外部表单标签向表单添加元素

Question

我有一个按价格排序的下拉菜单:从低到高等

这个菜单在我的关闭表单标签之外。

如何在提交时向表单添加选择选项？

到目前为止我有:

<script>
 $(document).ready(function(){
 $('#sort_by').change(function(){
 $("#search_form").submit();
  });
});
</script>

因此，上面的代码将在更改时提交表单，但不会添加选择选项的值。如何在提交时将选择选项添加到表单？

选择菜单:

<select name="sort_by" id="sort_by">
<option value="Low to High">Low to High</option>
<option value="High to Low">High to Low</option>
</select>

Answer 1

您希望该字段在提交时成为表单的一部分，因此在提交表单时将选择附加到表单。

添加了克隆和隐藏以避免视觉变化。

$('#search_form').on('submit', function(){
    $('#sort_by').clone().hide().appendTo(this);
});

因为您发布的是整个页面(不是 ajax)，所以您克隆具有相同 ID 的选择并不重要，并且不事先删除重复的克隆。

编辑

虽然问题中的文本表示您希望在提交时将选择添加到表单，但给出的代码表示您希望在更改时提交表单:

$('#sort_by').on('change', function(){
    $('#search_form').append($(this).clone().hide()).trigger('submit');
});