javascript - 使用 javascript 选择等于 php 变量的下拉值

Question

我正在尝试使用 Javascript 选择名为“Type”的下拉列表的值，该值等于名为“$Type”的 PHP 变量的值。我知道 JS 中有一个“selectindex”函数，但“$Type”不包含数字，仅包含文本。

我尝试使用在该网站上找到的循环，但这对我不起作用。

PHP:

while(list($ArtikelID, $Type) = mysql_fetch_array($result))
{
  $arid = $ArtikelID;
  $te = $Type;
}

HTML + JS:

<form name="send" method="post" action="editartticlesdef.php">
    articlenumber: </br>
    <input readonly="readonly" name="ArticleID" value=<?php echo $arid ?>></br>
    Type: </br>
    <select name="Type" id="Type">
        <option value="Article">Article</option>
        <option value="Code">Code</option>
        <option value="News">News</option>
        <option value="Project">Project</option>
    </select></br>
<script>
    window.onload = function SelectType() 
    {
        var sel = document.getElementById('Type');
        var val = document.getElementById('<?php echo $te; ?>');
        for(var i = 0, j = sel.options.length; i < j; ++i) 
        {
            if(sel.options[i].innerHTML === val) 
            {
               sel.selectedIndex = i;
               break;
            }
        }
    }
</script>

</form>

我没有使用 Ajax 或 Jquery，所以这就是我尝试使用循环的原因。但由于某种原因它不起作用。加载时下拉列表仍默认选择第一个选项。

Answer 1

您可以使用 PHP 来完成此操作。

<?php
$listArticle = array(
                'Article',
                'Code',
                'News',
                'Project'
            );
?>
<select name="Type" id="Type">
    <?php    
    foreach($listArticle as $article)
    {
        $selected = '';
        if($article == $te)
        {
            $selected = 'selected="selected"';
        }

        echo '<option '.$selected.'>'.$article.'</option>';
    }
    ?>
</select></br>