我怎样才能有一个下拉框，您可以在其中选择内容并将 HTML <title> 标记设置为下拉菜单的设置？

Question

这就是我所拥有的，但我不知道如何将它获取到 JS 中的变量

<select>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
</select>

<button onclick="myFunction()">set</button>

<script>
function myFunction() {
  var x = document.title;
}
</script>

Answer 1

在此代码中，您将当前标题存储在 var x 中。你需要这样写：

document.title="Some Text or variable";

如果您需要将下拉项的值设置为标题，则将 id 赋予 select 标签，然后 var newtitle = document.getElementById("id_of_selectTag").value; document.title=新标题；

Answer 2

Whosebug 上已有答案：Get selected value in dropdown list using JavaScript and How to get the title of HTML page with JavaScript。您可以设置标题，将所需的值分配给 document.title 变量。

我怎样才能有一个下拉框，您可以在其中选择内容并将 HTML <title> 标记设置为下拉菜单的设置？

How can I have a drop down box where you pick something and it sets the HTML <title> tag set to what the drop down is set on?

html

page-title