Fatal编程技术网

在JavaScript中使用HTML变量

javascript html

在JavaScript中使用HTML变量,javascript,html,Javascript,Html,我对HTML/CSS/JavaScript非常陌生，我想知道如何使用我在HTML中声明的变量，并在JavaScript中使用它。在下面的代码中，我创建了一个选择框，我想使用“if（…）then alert（”）这行代码输出一条消息。我该怎么做 if(value == "chrome") {alert("you are using Chrome");} “Value”是HTML格式的，但是比较将在JS中完成。代码如下： <!DOCTYPE html> <html> <

我对HTML/CSS/JavaScript非常陌生，我想知道如何使用我在HTML中声明的变量，并在JavaScript中使用它。在下面的代码中，我创建了一个选择框，我想使用“if（…）then alert（”）这行代码输出一条消息。我该怎么做

if(value == "chrome") {alert("you are using Chrome");}
“Value”是HTML格式的，但是比较将在JS中完成。代码如下：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Hello, Internet!</title>
</head>
<body>
<h1>
    <p>Webstorm</p>
</h1>
<h2>
    <p>Browser ID</p>
</h2>
    <h3>
        <p>Select which browser this is running on:</p>
        <select>
            <option>[Select Browser]</option>
            <option value = "chrome">Chrome</option>

                <!--How would I use "value"? -->

            <option value = "firefox">Firefox</option>
            <option value = "IE">InternetExplorer</option>
        </select>
    </h3>

</body>

</html>


你好，互联网！
网络风暴

浏览器ID

选择运行此操作的浏览器：

[选择浏览器]
铬
火狐
网络探险家
您可以始终使用id分配选项，然后使用javascript将所选值作为变量读取

  <select id="example">
        <option>[Select Browser]</option>
        <option value = "chrome">Chrome</option>

            <!--How would I use "value"? -->

        <option value = "firefox">Firefox</option>
        <option value = "IE">InternetExplorer</option>
    </select>
您可以将
行替换为以下内容：

<select onchange="if(this.options[this.selectedIndex].value == 'chrome') {alert('you are using Chrome?');} " >
当选择Chrome时，它只会提示“您正在使用Chrome？”。这就是您想要的吗？

元素。value
其中
元素
是一个。
id
应该在
上，而不是
opss打字错误上。更正了它。。感谢您的检查。非常感谢。谢谢@Phil的更新 
<select onchange="if(this.options[this.selectedIndex].value == 'chrome') {alert('you are using Chrome?');} " >