javascript - 如何使用 JavaScript 更改 select 标签的值？

Question

我有两页。 “page1.php”“page2.php”

在 page1.php 中，

<a href="page2.php?c=Category1">Category1</a>
<a href="page2.php?c=Category2">Category2</a>
<a href="page2.php?c=Category3">Category3</a>

在page2.php中，

<?php
    $c=$_GET['c'];
    echo '<script>'
    , 'chgvalues("'.$c.'");'
    , '</script>';
?>
<select id="mySelect">
    <option>Category1</option>
    <option>Category3</option>
    <option>Category2</option>
</select>

在 chgvalues(c) 中，

function chgvalues(c)
{
    document.getElementById("mySelect").selected =true;
}

但这对我不起作用。我想要做的是，当用户单击第 1 页上的链接时，第 2 页会自动设置选择值。

我认为我在这个 chgvalues 函数中错了。

Answer 1

尝试

function chgvalues(c)
{
    document.getElementById("mySelect").value = c;
}

并在mySelect成为dom的一部分后调用chgvalues。

要实现此目的，您只需在标记中的 mySelect 之后调用 chgvalues，例如

<select id="mySelect">
<option>Category1</option>
<option>Category3</option>
<option>Category2</option>
</select>
<?php
$c=$_GET['c'];// sanitize etc
echo '<script>'
, 'chgvalues("'.$c.'");'
, '</script>';
?>

或者在window.onload中调用它，例如

<script>
    window.onload = function(){
        chgvalues("<?php echo $c; ?>");
    };
</script>