Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <select name="lines" id="" onChange="linesOnChange(this)">
  <option value="1">1号线</option>
  <option value="2">2号线</option>
</select>
<select name="stops" id="stops" onChange="stopsOnChange(this)">
    <option value="" selected>站点</option>
</select>
  
</body>
</html>
 
var lineArr = {};
lineArr["1"] = [
  {key: '111', value: '莘庄'},
  {key:"0112", value:"外环路"}
]
lineArr["2"] = [
  {key: '0235', value: '虹桥火车站'},
  {key:"0234", value:"徐泾东"}
]
  var se = document.getElementById('stops');
setLine("1")
var linesOnChange = function(e) {
    console.log(e.value)
    setLine(e.value)
}
function setLine(n) {
  
  var stops = lineArr[n]
  
  var start = 1
  for(var i = 0; i < stops.length; i++) {
    var op = new Option(stops[i]["value"], stops[i]["key"]);
    
    se.options[start] = op;
    start ++;
  }
}
function stopsOnChange(e) {
  if (e.value === "") return;
  console.log(e.value)
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
mygoarepro
0viewers