javascript - 在查询字符串中传递变量时如何选择 <select> <option>

Question

假设我在页面上有一个选择的 HTML 元素。如何在传递查询字符串后选择选项。例如computer.php?type=super2 它应该在select中选择super2选项

 <select>
 <option value="Super">Super</option>
 <option value="Super2">Super2</option>
 <option value="Super3">Super3</option>    
 <option value="Super4">Super4</option>
 </select>

任何人都可以帮忙吗？注意:我需要一个静态解决方案。我没有使用任何数据库。虽然我使用的是PHP。任何基于 jquery 或 PHP 的解决方案？

Answer 1

以下是在 PHP 中执行此操作的方法:

$type = $_GET['type'];
$options = array('Super', 'Super2', 'Super3', 'Super4');
echo '<select>';
foreach ($options as $option) {
    echo "<option value='$option'" . ($option == $type ? ' selected' : '') . ">$option</option>";
}
echo '</select>';