0

是否可以通过其他表单中先前选择的选项设置表单的选定选项？

选择选项是这样的，这里选择的是60x60。

<select id="pa_afmetingen-vierkant" name="attribute_pa_afmetingen-vierkant">
  <option value="">Kies een optie…&lt;/option>
  <option value="m001">40x40</option>
  <option value="m002">50x50</option>
  <option selected="selected" value="m003">60x60</option>
  <option value="m004">70x70</option>
  <option value="m005">80x80</option>
  <option value="m006">100x100</option>
  <option value="m007">125x125</option>
  <option value="m008">150X150</option>
</select>

此表单被发送到一个新页面，在这个新页面上有这个表单的完全相同的副本，我希望这个重复的表单选择与上一页中选择的选项相同的选项。

我最好的选择是将选项存储在变量中，然后通过 javascript 选择与存储的变量匹配的选项。

表单通过 POST 提交

我真的不知道要使用什么变量，也不知道如何定位该选项。需要 Jquery 的解决方案不是问题。

亲切的问候，

4

1 回答 1

0

有几种实现它的方法。

一种解决方案可能是您在 JS 中获取选定的选项并将其传递给像http://www.myurl.com?selectedOption=3这样的 url 。然后在另一个页面上，您可以选择该选项并触发对您的菜单的选择以选择该值。

获取选定选项的值

var selectedOption = $('#pa_afmetingen-vierkant option:selected').attr('value');

从 URL 中检索选定选项的值

参考这里

在新选择菜单中设置选定选项

$('#pa_afmetingen-vierkant-NEW option[value='+ selectedOption +']').prop('selected', true);

另一种解决方案可能是将 selectedOption 临时存储在localStorage中，然后从那里删除它。

于 2013-08-06T10:53:28.607 回答