HTML/PHP 设置选项的值在我从数组中填充的地方选择

Question

我目前正在尝试从 php 变量的选择框中设置选项的值。

就像登录屏幕会在您输入错误密码时保存您的用户名一样，如果提交出现问题，我想将选项的值保存在滚动框中。

现在问题出现了，因为我正在使用带有数组的脚本来填充选择框中的选项。 （PS有很多选择，但例如减少）

<script>
    var yrkeValg =
        [
            {
                "text"  : "Police",
                "value" : "police"
            },
            {
                "text"     : "Teacher",
                "value"    : "teacher"
            }
        ];

    var selectBox = document.getElementById('yrke');

    for(var i = 0, l = yrkeValg.length; i < l; i++)
    {
        var option = yrkeValg[i];
        selectBox.options.add(new Option(option.text, option.value, option.selected));
    }

</script>

我试图从我的 php 类函数“hentYrke()”中设置值，但它被忽略了。已检查，功能值正确。 例如，如何将教师设置为 php 变量的值？

<select id="yrke" name="yrke" value="<?php $nyDeltaker->hentYrke() ?>"></select>

Answer 1

由于在页面加载时页面上不存在 select 元素的 options，因此您需要再添加一行以在它们之后“重新设置”select 元素的值已添加。

<script>
    var yrkeValg =
        [
            {
                "text"  : "Police",
                "value" : "police"
            },
            {
                "text"     : "Teacher",
                "value"    : "teacher"
            }
        ];

    var selectBox = document.getElementById('yrke');

    for(var i = 0, l = yrkeValg.length; i < l; i++)
    {
        var option = yrkeValg[i];
        selectBox.options.add(new Option(option.text, option.value, option.selected));
    }

    // this is the line to add
    selectBox.value = document.getElementById('yrke').getAttribute('value');

</script>

Demo using a hardcoded value of 'teacher'

请注意，根据您是否在 hentYrek() 函数中实际使用 echoing，您可能需要按照 AamirR 的建议进行操作。