下面的代码是HTML中的下拉列表：
<html>
<body>
<select id="demo1" name="demo2" type="text">
<option value="london">London</option>
<option value="paris">Paris</option>
<option value="tokyo">Tokyo</option>
</select>
</body>
</html>
如何选择值为“paris”的选项？请考虑在上面的代码中不能更改任何内容。
对代码进行了编辑，以提供更多细节，因为不幸的是，答案在这个问题上不起作用。
以下代码也不起作用：
<script>
var selectedtext = "paris";
document.getElementById("demo1").selected = selectedtext;
</script>
如果您知道要选择的选项将始终处于哪个位置，则可以使用以下方法之一：
选项的DOM对象属性，请设置。在元素上选择了dex属性（从0开始计数）document.querySelector("select").selectedIndex = 1;<html>
<body>
<!-- A select element can't have a type attribute -->
<select id="demo1" name="demo2" type="text">
<option value="london">London</option>
<option value="paris">Paris</option>
<option value="tokyo">Tokyo</option>
</select>
</body>
</html>
您可以通过多种方式执行此操作：
如果选项可能更改顺序，请选择值本身
document.querySelector('[value=paris]').selected = true<select>
<option value="london">London</option>
<option value="paris">Paris</option>
<option value="tokyo">Tokyo</option>
</select>
这边
document.querySelector('select').value = 'paris';<select>
<option value="london">London</option>
<option value="paris">Paris</option>
<option value="tokyo">Tokyo</option>
</select>