javascript - 刷新页面后保持下拉值被选中
问题描述
我正在尝试选择值,但是当我刷新页面时它会重置值。
<div class="clearfix mb-20">
<div class="col s6 m6 l6">
<label class="form-label"><?= __('Gender') ?></label>
<select class="input" name="filter_gender">
<option value="both" <?= $Schedule->get("filter_gender") == "both" ? "selected" : "" ?>><?= __("Both") ?></option>
<option value="male" <?= $Schedule->get("filter_gender") == "male" ? "selected" : "" ?>><?= __("Male") ?></option>
<option value="female" <?= $Schedule->get("filter_gender") == "female" ? "selected" : "" ?>><?= __("Female") ?></option>
</select>
</div>
有什么办法可以解决这个问题?
filter_gender: $form.find(":input[name='filter_gender']").val(),
如何在这里添加性别?
$Schedule->set("user_id", $AuthUser->get("id"))
->set("account_id", $Account->get("id"))
->set("target", $target)
->set("speed", \Input::post("speed"))
->set("is_active", (bool)\Input::post("is_active"))
->set("daily_pause", $daily_pause)
->set("end_date", $end_date);
解决方案
解决方案 1:当您在表单中选择某些内容(选择选项)时,更改 url 并添加参数。因此,在表单或表单元素上使用“onChange”事件,您可以更改 url 并添加参数。
例子:http://www.example.com?my_select_option=any_value
解决方案 2:使用 cookie,使用键“my_specific_form_filters”设置一些 cookie,并使用您选择的表单元素为对象赋值。
例子:{my_select_option: “any_value”}
解决方案 3:与 cookie 相同的逻辑适用于本地存储,您可以在其中根据键值保存数据。
解决方案 4:也基于键值保存在 PHP 会话中,并在需要时检索。