作者woo20 (woo)
站內Ajax
標題[問題] 沒有跳出alert視窗(javascript)
時間Thu Jul 23 17:26:02 2009
以下是我從O'reilly出版的書中參考的程式碼 :
根據書中所寫，只要在網頁中選取其中一個option，就會跳出一個視窗顯示選取的資訊。
可是我試驗之後，並沒有視窗跳出來。
我用了 Safari and firefox 瀏覽器來開，結果都是一樣。
請各位高手能指點一下。多謝orz.
<html>
<head>
<title>Input form
</title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<script type="text/javascript">
//<![CDATA[
if (window.addEventListener)
{ //document.writeln('addeventlistener');
window.addEventListener("load",setupEvents,false);
}
else if(window.attachEvent)
{//document.writeln('attachevent');
window.attachEvent("onload",setupEvents);
}
else
{//document.writeln('onload');
window.onload = setupEvents;
}
function setupEvents(evnt)
{//document.writeln('Enter setupEvents');
document.someForm.onsubmit = checkForm;
}
function checkForm(evnt)
{//document.writeln('Enter checkform');
var opts = document.someForm.selectOpts.options;
for(var i=0; i < opts.length; i++)
{
if (opts[i].selected)
{ alert(opts[i].text + " " + opts[i].value); }
}//for
//
return false;
}//checkform
//]]>
</script>
</head>
<body >
<form name="someForm ">
<select name="selectOpts" multiple>
<option value="Opts1">Option One</option>
<option value="Opts2">Option Two</option>
<option value="Opts3">Option Three</option>
</select>
<input type="submit" value="Submit"/>
</form>
</body>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 112.78.90.120
1F：推 arrack:"someForm" 不是 "someForm " 多一個空白 就不一樣囉 07/23 18:19
2F：→ woo20:謝謝大大m(_._)m 07/24 01:04
3F：推 dream1x:變成大家來找碴 07/25 00:47