-1
현재 웹 페이지를 html으로 만들고 있습니다. 일련의 드롭 다운 메뉴가 있습니다. 웹 사이트가 여기에 있습니다 : http://tc.met.psu.edu/tcgengifs/index2.html 내가여러 개의 드롭 다운 메뉴로 구성된 표 만들기
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function getUrl() {
var part12 = document.getElementById("firstChoice2").value;
var part22 = document.getElementById("secondChoice2").value;
var part32 = document.getElementById("thirdChoice2").value;
return "http://tc.met.psu.edu/tcgengifs/CMC/"+part12+"/"+part22+part32;
}
function gotoSelection() {
var urlToGoTo = getUrl();
alert(urlToGoTo);
//location.href=urlToGoTo;
function setupLink() {
var urlToGoTo = getUrl();
document.getElementById("gotoLink").href=UrlToGoTo;
}
</script>
</head>
<body onload="setupLink();">
<div id=leftcol>
<select id =firstChoice2 onchange="setupLink();">
<option value=2012072600>2012072600</option>
<option value=2012072512>2012072512</option>
</select>
</div>
<body>
<div id=leftcencol>
<select id =secondChoice2 onchange="setupLink();">
<option value=rain>Rainfall</option>
<option value=slp>Sea Level Pressure</option>
<option value=850virt>850mb Virtual Temperature</option>
</select>
</div>
<div id=rightcencol>
<select id =thirdChoice2 onchange="setupLink();">
<option value=.anim.html>Animation</option>
<option value=0.png>000hr</option>
<option value=1.png>006hr</option>
<option value=2.png>012hr</option>
</select>
</div>
<div id=rightcol>
<a id="gotoLink" href="">Submit</a>
내 문제는 내가 여러 번 (수정을)이 코드를 사용할 필요가 있다는 것입니다 드롭 다운 메뉴를 만들기 위해 다음 코드를 사용하고
하지만 때 그렇게하면 3 개의 드롭 다운 메뉴의 각 시리즈에 대한 제출 버튼이 날 마지막으로 사용하는 사이트로 연결됩니다. 3 가지 드롭 다운의 첫 번째 시리즈가 다른 시리즈의 영향을받지 않도록 코드를 어떻게 분리합니까?