Выпадающее меню и визуализация
Я пытаюсь добавить выпадающее меню, в котором я сделаю свой выбор для визуализации данных. Моя визуализация работает нормально без раскрывающегося списка, но когда я их соединяю, что-то идет не так. В моем коде я хочу визуализировать данные, когда я выбираю selection02. Кто-нибудь может мне помочь?
<html>
<head>
<script language="javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
function allagi()
{
if (document.getElementById("selection01").selected==true)
{
function01();
}
else if (document.getElementById("selection02").selected==true)
{
f1();
}
else if (document.getElementById("selection03").selected==true)
{
function03();
}
else if (document.getElementById("selection04").selected==true)
{
function04();
}
}
</script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js">
function f1(){
{"dataSourceUrl":"//docs.google.com/spreadsheet/tq?key=0AihqKzH-MgAndERnaFVsYk1RLUM3S0pDSmNjcEQ4M1E&transpose=0&headers=0&range=A2%3AB13&gid=0&pub=1","options":{"vAxes":[{"useFormatFromData":true,"viewWindowMode":"pretty","viewWindow":{}},{"useFormatFromData":true,"viewWindowMode":"pretty","viewWindow":{}}],"booleanRole":"certainty","animation":{"duration":0},"useFirstColumnAsDomain":true,"hAxis":{"useFormatFromData":true,"viewWindowMode":"pretty","viewWindow":{}},"isStacked":false,"width":454,"height":285},"state":{},"chartType":"AreaChart","chartName":"\u0393\u03c1\u03ac\u03c6\u03b7\u03bc\u03b1 1"}
}
</script>
</head>
<body>
<div id="wrapper">
<div id="logo"><select onchange="allagi()">
<option id="selection01">Selection01</option>
<option id="selection02">Selection02</option>
<option id="selection03">Selection03</option>
<option id="selection04">Selection04</option>
</select></div>
<div id="pie">
</div>
</div>
</body>
</html>