如何根据以前表单的选择将选择表单设置为选项?

时间:2013-08-06 10:11:04

标签: javascript forms variables select option

是否可以通过其他形式的先前选择的选项设置表单的选定选项?

选择选项是这样的,这里选择了60x60。

<select id="pa_afmetingen-vierkant" name="attribute_pa_afmetingen-vierkant">
  <option value="">Kies een optie…</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的解决方案不是问题。

亲切的问候,

1 个答案:

答案 0 :(得分:0)

有几种方法可以实现它。

一种解决方案可能是您在JS中获取所选选项并将其传递给http://www.myurl.com?selectedOption=3之类的网址。然后在另一页面上,您可以选择该选项并触发选择菜单以选择该值。

获取所选选项的值

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

从网址

中检索所选选项的值

Refere Here

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

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

另一个解决方案可能是您将{Ont}中的selectedOption临时存储,然后从那里删除它。