Question

如何创建一些可以更改菜单选定值的JQuery代码。

在我的页面上，我创建了一个下拉菜单，如下所示：

<select id="select_Day">
    <option value="Monday">Monday</option>
    <option value="Tuesday">Tuesday</option>
    <option value="Wednesday">Wedsnesday</option>
    <option value="Thursday">Thursday</option>
    <option value="Friday">Friday</option>
    <option value="Saturday">Saturday</option>
    <option value="Sunday">Sunday</option>
</select>

我有菜单的页面正在从另一页面上的表单传递值，下面是我如何检索值：

<?php
    $day = $_GET['day'];
?>

然后我将PHP变量的值复制到一些javascript变量中：

$(document).ready(function(event){
    var day = <?php echo $day ?>; 
});

然后我如何将下拉菜单选择的值更改为$ day变量的值，例如，如果页面传递值'Friday'，那么我将如何选择该选项？

Answer 1

$(document).ready(function(event){
    var day = <?php echo $day ?>; 
    $('#select_Day').val(day);
});

Answer 2

最好将selected =“selected”放在你要预先选择的任何选项的html中，然后使用jQuery，因为它甚至可以在旧的浏览器中工作，或者如果javascript被关闭。你可以尝试这样的事情：

       <?php 
$arr = array('Monday', 'Tuesday', 'Wednesday', 'Thursday','Friday','Saturday','
    Sunday');
        for($i = 0; $i < count($arr); $i++) {
           $selected = ($arr[$i] == $day) ? 'selected="selected"' : '';
           echo "<option value=\"{$arr[$i]}\" {$selected}>{$arr[$i]}</option>";
        }
?>

使用JQuery更改下拉菜单选择选项

2 个答案: