網站開發新手。我有一個單選按鈕和兩個下拉菜單。每個這些事項的選擇,並將決定哪個文件將打開。當進行每次選擇並且用戶點擊「提交」時,我希望頁面打開相應的Excel文件。根據下拉菜單選擇打開文件
我有單選按鈕和下拉內置,但是當我按下提交時,沒有任何反應。我試圖在PHP中這樣做,使其更加動態,並避免有這麼多的if/else語句,但PHP在我的服務器上無法正常運行,所以我選擇使用JavaScript,這會導致if語句更多,但至少會是功能性的。
這是我的JavaScript:
<script type="text/javascript">
var excelObject;
excelObject = new ActiveXObject("Excel.Application");
excelObject.Visible = true;
excelObject.Workbooks.Open(strLocation, false, boolReadOnly);
//x, y, and z are the variables for the dropdowns/radio button
var x = document.getElementByID("x");
var y = document.getElementByID("y");
var z = document.getElementByID("z");
window.onload = function(){
document.getElementByID("x").innerHTML=x;
document.getElementByID("y").innerHTML=y;
document.getElementByID("z").innerHTML=z;
function docOpen(){
if (x == "test" && y ="cat" && z == "claws"){
readFile('file:\\folder\folder\test_cat_claws.xls');
這是我補充的形式:
<form name ='myform' method="post" onSubmit="Javascript:docOpen()" >
而這正是我按下提交:
<input type= "submit" value="Submit" name="Submit" onclick="Javascript:docOpen(); return false;"/>
編輯: 整個代碼 - 編輯,以便更爲通用:
<html lang=''>
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript">
var x = document.getElementByID("x");
var y = document.getElementByID("y");
var z = document.getElementByID("z");
window.onload = function(){
document.getElementByID("x").innerHTML=x;
document.getElementByID("y").innerHTML=y;
document.getElementByID("z").innerHTML=z;
function docOpen(){
if (x == "test" && y =="cat" && z == "claws"){
var excelObject;
excelObject = new ActiveXObject("Excel.Application");
excelObject.Visible = true;
excelObject.Workbooks.Open('file:\your_excel_file_location_here.xlsx', false, boolReadOnly);
}
</script>
<title>Title</title>
</head>
<body>
<div class="page">
<div class="header">
<table border="0px"><tr><td>
<td id="pagetitle"><h1>Page Title</h1></td>
<td><iframe src="" height="60" width="280" style="border:none" scrolling="no";> </iframe></td></tr></table>
</div>
<div id="includedContent"></div>
<div class="main" id="MainContent">
<div class="form_table">
<!--<div class="clear"></div>-->
<form name ='myform'>
<div id="q0" class="q required">
<a class="item" name="radiobutton0"></a>
<table class="inline_grid">
<tr>
<td> <input type="radio" name="x" id="x" value="test" />Test</label></td>
<td> <input type="radio" name="x" id="x" value="test2" />Test2</label></td>
</tr>
</table>
</div>
<div class="clear"></div>
<div id="q1" class="q required">
<a class="item" name="dropdown1"></a>
<label> <b class="icon_required" style="color:#FF0000">*</b></label>
<select id="y" name="y" class="drop_down">
<option></option>
<option value="cat">Cat</option>
<option value="dog">Dog</option>
<option value="bird">Bird </option>
</select>
</div>
<div id="q2" class="q required">
<a class="item" name="dropdown2"></a>
<label> <b class="icon_required" style="color:#FF0000">*</b></label>
<select id="z" name="z" class="drop_down">
<option></option>
<option value="claws">Claws</option>
<option value="paws">Paws</option>
</select>
</div>
<div class="clear"></div><br/>
<input type="Submit" name="Submit" onclick="docOpen();"/>
</form>
</div>
<div class="clear">
</div>
</div>
</body>
</html>
剛擡起頭,因爲你使用ActiveX對象的代碼只會在IE –
工作的這段代碼將只能在IE中執行 - 使它成爲有點困難。 @AlexanderEdwards – AAA
明白了,檢查我的答案。 –