html - SELECT 元素选项值

Question

我正在做一个selecthtml 然后我在 JS 部分有这样的东西

var languageEN = "en,1";
var languageFR = "fr,2";
var languageDE = "de,3";

我的 html 标记会像

<select style="display: none;" id="select">
  <option value=languageEN>English</option>
  <option value=languageFR>Francais</option>
  <option value=languageDE>Deutsch</option>
</select>

但似乎我打的是未定义的。

我一直在尝试找到要包含在其中的正确语法，option value但无济于事。谢谢。

Answer 1

如果使用 PHP 是一个选项，你可以这样做。第一部分可以放在页面顶部，然后第二部分可以放在需要选择的地方。您可以添加尽可能多的选项或以任何您喜欢的方式更改它们。

<?php
    $options = array(
        0 => array(
            'name' => 'English',
            'value' => 'languageEN'
        ),
        1 => array(
            'name' => 'Francais',
            'value' => 'languageFR'
        ),
        2 => array(
            'name' => 'Deutsch',
            'value' => 'languageDE'
        ),
    );?>

<select style="display: none;" id="select">
<?php
    foreach ($options as $option);
    {
        echo '<option value="'.$option['value'].'">".$option['name'].'</option>'
    }
?>
</select>