在JavaScript中使用HTML變量

我對HTML/CSS/JavaScript非常新穎，我想知道如何使用我在HTML中聲明的變量，並在JavaScript中使用它進行操作。在下面的代碼中，我創建了一個選擇框，並且我想用「if（...）」和alert（「」）「作爲輸出消息。我該怎麼做相當於在JavaScript中使用HTML變量

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

「價值」是在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>

來源

2014-04-29 jordpw

'element.value'其中'element'是[Element]（https://developer.mozilla.org/en-US/docs/Web/API/element）。 –

你總是可以分配一個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);

來源

2014-04-29 01:20:57 FRizal

'id'應該在'

在JavaScript中使用HTML變量

回答