返回時選項不會自動選擇

Question

如果這個問題已經得到解答，我深表歉意。 我仍在學習中。 我已經搜索過，但是找不到適合我的解決方案。 我發現了這個：

Firefox忽略選項selected =“ selected”

但是添加autocomplete =“ off”對我不起作用。

用戶應該能夠選擇一個選項，然后提交，然后當他們返回時可以使用他們所選擇的選項。 目前，該功能可在Safari，Chrome和Opera中運行，但不適用於Firefox或IE。 選擇效果很好，但是返回時不會自動選擇他們的選擇。

我在同一頁面上還有另一個選擇，似乎沒有相同的問題。

這是HTML：

<div class="col-sm-2 col-md-2">
    <div class="form-group">
    <label for="custom_1_units">Units</label>
        <select class="form-control" id="custom_1_units" name="custom_1_units" value="<?php echo"_SESSION['Custom']['custom_1_units'];" ?>" autocomplete="off">
            <option value="pages">pages</option>
            <option value="lessons">lessons</option>
            <option value="activities">activities</option>
            <option value="units">units</option>
            <option value="projects">projects</option>
        </select>
    </div>  
</div>

這是PHP / Javascript。 它在.php文件中：

<?php echo "var cus_1_units ='" . $_SESSION['Custom']['custom_1_units'] . "';"; ?>

$("#custom_1_units").each(function() {
if($(this).text() == cus_1_units) {
    $(this).attr('selected', 'selected');            
    }                        
});

Answer 1

未選擇所需的選項，因為循環不正確。 它當前循環遍歷element（？），但我認為您希望它遍歷其子級。 將循環更改為以下內容：

$("#custom_1_units").children("option").each(function() {

Answer 2

您的option元素的值與元素中的文本匹配，因此您可能只需設置select元素的值就可以擺脫困境：

$("#custom_1_units").val(cus_1_units);