javascript - HTML/PHP 在我填充的地方设置选项值 select from array

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()”的值，但它被忽略了。已检查，函数值正确。例如，我如何将 Teacher 设置为 php 变量的值？

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

Answer 1

由于 select 元素的 option 在页面加载时页面上不存在，因此您需要再添加一行以本质上“重新设置”添加后 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() 函数中 echo，您可能需要按照 AamirR 的建议进行操作。