在下拉列表中保留选定值-Jquery

Question

我试图在发布页面后在下拉列表中保留选定的值。

方案说明

这些是我的下拉选项

<select id="JqueryDDownForAvailableFrom">
<option value="17:00">17:00</option>
<option value="18:00">18:00</option>
</select>

在提交页面之前，我使用以下行将值赋给变量。

var selectedVal=$("#JqueryDDownForAvailableFrom")

提交页面后，相同的下拉列表应该零售其值。

我不想更改选项，但希望在发布表单后显示所选值。

我使用过这个：

这是为下拉列表添加一个新选项。

$('#JqueryDDownForAvailableTo').append('<option selected="true" value='+selectedValTo+'>' +selectedValTo + '</option>')

我使用过这个

这不是选择所选值：

  $('#JqueryDDownForAvailableTo').val(selectedValTo);

我试图在谷歌上找到但失败了。

请帮助。

Answer 1

获取选定的值

var selectedVal = $("#JqueryDDownForAvailableFrom").val();

用于设置选定值

$("#JqueryDDownForAvailableFrom").val(selectedVal);

希望这可以帮助你

Answer 2

对于单选dom元素，要获取当前选定的值：

$('#JqueryDDownForAvailableFrom').val();

获取当前选定的文字：

$('#JqueryDDownForAvailableFrom:selected').text();

Answer 3

在向php提交表单后保留选定的值

 <select id="JqueryDDownForAvailableFrom" name="JqueryDDownForAvailableFrom"><option value="17:00">17:00</option><option value="18:00">18:00</option>

$('#JqueryDDownForAvailableFrom').val(<?php echo $_POST['JqueryDDownForAvailableFrom'];?>)