Question

我是HTML / CSS / JavaScript的新手，我想知道如何使用我在HTML中声明的变量，并在JavaScript中使用它做一些事情。在下面的代码中，我创建了一个选择框，我想使用＆＃34; if（...）然后提醒（＆＃34;＆＃34;）＆＃34; 。我怎么做相同的

if(value == "chrome") {alert("you are using Chrome");}

＆＃34;值＆＃34;是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>

Answer 1

您始终可以使用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>

您的Javascript

    var x = document.getElementById("example").selectedIndex;
    console.log(x);

Answer 2

您可以使用以下内容替换<select>行：

<select onchange="if(this.options[this.selectedIndex].value == 'chrome') {alert('you are using Chrome?');} " >

它只会警告您正在使用Chrome？＆＃34;选择铬时这是你想要的吗？

在JavaScript中使用HTML变量

2 个答案: