如何使用javascript获得一个选择菜单来突出显示div标记_Javascript_Html_Drop Down Menu_Highlight

如何使用javascript获得一个选择菜单来突出显示div标记

javascript html drop-down-menu

如何使用javascript获得一个选择菜单来突出显示div标记,javascript,html,drop-down-menu,highlight,Javascript,Html,Drop Down Menu,Highlight,我有一个下拉菜单，其中有一个城市的部分，我希望每个下拉元素选择（突出显示）一个相关的div标签 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Cincinnati</title> </head> <body> <div id="wrapper">cincinnati neighborhood's <div

我有一个下拉菜单，其中有一个城市的部分，我希望每个下拉元素选择（突出显示）一个相关的div标签

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Cincinnati</title>
</head>

<body>
<div id="wrapper">cincinnati neighborhood's
  <div id="select-box">
  <select name="cincinnati_cities" id="cincinnati_cities" title="cities">
    <option value="clifton">clifton</option>
    <option value="northside">northside</option>
    <option value="mtadams">mt. adams</option>
    <option value="cincinnati">cincinnati</option>
    <option value="newport">newport</option>
  </select>
  <input name="print" type="button" id="print" title="print" value="print">
  </div>
  <div id="clifton"><p>clifton</p></div>
  <div id="northside"><p>northside</p></div>
  <div id="mtadams"><p>mtadams</p></div>
  <div id="cincinnati"><p>cincinnati</p></div>
  <div id="newport"><p>newport</p></div>
</div>
<script></script>
</body>
</html>


辛辛那提
辛辛那提社区酒店
克利夫顿
北区
亚当斯山
辛辛那提
纽波特
克利夫顿
北区
姆塔达姆斯
辛辛那提
纽波特

任何帮助都是感激的

在我看来，最好用一个div来写作。。。你可以试着这样做，也许对你有帮助

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Cincinnati</title>
</head>

<body>
<script>
function a(){
    var x=document.getElementById('cincinnati_cities');
    if(x.options[x.selectedIndex].value=='clifton')
    {
        document.getElementById('northside').innerHTML='clifton';
    }
    else if(x.options[x.selectedIndex].value=='northside')
    {
        document.getElementById('northside').innerHTML='northide';
    }
    else if(x.options[x.selectedIndex].value=='mtadams')
    {
        document.getElementById('northside').innerHTML='mt.adams';
    }
    else if(x.options[x.selectedIndex].value=='cincinnati')
    {
        document.getElementById('northside').innerHTML='cincinnati';
    }
    else
    {
        document.getElementById('northside').innerHTML='newport';
    }
}
</script>
<div id="wrapper">cincinnati neighborhood's
  <div id="select-box">
  <select name="cincinnati_cities" id="cincinnati_cities" title="cities">
    <option value="clifton">clifton</option>
    <option value="northside">northside</option>
    <option value="mtadams">mt. adams</option>
    <option value="cincinnati">cincinnati</option>
    <option value="newport">newport</option>
  </select>
  <input name="print" onclick='a()' type="button" id="print" title="print" value="print">
  </div>
  <div id="northside"><p>hi</p></div>
</div>
</body>
</html>


辛辛那提
函数a（）{
var x=document.getElementById（'cincinnati_cities'）；
如果（x.options[x.selectedIndex].value=='clifton'）
{
document.getElementById（'northside'）.innerHTML='clifton'；
}
else if（x.options[x.selectedIndex].value='northside'）
{
document.getElementById（'northside'）.innerHTML='northside'；
}
else if（x.options[x.selectedIndex].value='mtadams'）
{
document.getElementById（'northside'）.innerHTML='mt.adams'；
}
else if（x.options[x.selectedIndex].value='cincinnati'）
{
document.getElementById（'northside'）.innerHTML='cincinnati'；
}
其他的
{
document.getElementById（'northside'）.innerHTML='newport'；
}
}
辛辛那提社区酒店
克利夫顿
北区
亚当斯山
辛辛那提
纽波特
嗨