如何不執行按鈕就直接執行函數?- 藍色小舖 BlueShop

台灣最大程式設計社群網站

∣免費加入會員∣登入 ∣回首頁∣ 您好

線上人數
1285

會員總數：246690
討論主題：190103

登入

登出

歡迎您免費加入會員

討論區選單

開發工具

行動裝置開發

資料庫

多媒體 / 網管

綜合

文章區

討論區列表 >> Java Script/ Node.js >> 如何不執行按鈕就直接執行函數?

[]

[我要回覆]

12 最後一頁(2)

如何不執行按鈕就直接執行函數?
價值 : 75 QP 點閱數:2709 回應數:19

樓主

Merrick

0	2
36	9

發送站內信

各位大大好，

最近正在學習寫網頁，

目前碰到一個問題，

請大家先看圖 http://ppt.cc/UNYL

就是選完日期之後還要按查詢按鈕，

才會產生資料在下面的欄位之中，

不知道有沒有語法可以在我選完日期之後就直接產生資料，

不用經過再按查詢按鈕這個動作，

我是有想到使用onchange，但是毫無效果，

以下是我目前的寫法，請大家參考並指點。

這是產生日期的語法:

前面還會include calendar.inc這個月曆

而且若是將 onchange="Do_Query('v') 改為 onchange="alert( '請再檢查資料是否正確')"時，
當我從鍵盤填完值之後確實會出現alert( '請再檢查資料是否正確')，
若是用滑鼠選完日期則不會執行onchange的動作。

主要是想問有沒有辦法可以直接執行Do_Query('v')這個函數，
而不用再經過滑鼠點選這動作，請各位大大指點。

搜尋相關Tags的文章： [ onchang ] ,
本篇文章發表於2013-12-02 13:20

1樓回應凱爾	試試onblur 事件(失去焦點時發生) http://www.w3school.com.cn/htmldom/event_onblur.asp 本篇文章回覆於2013-12-02 14:15 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
2樓作者回應 Merrick	onblur、onfocus、onchange都試過了，都是一樣還無效果。本篇文章回覆於2013-12-02 14:26 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
3樓回應凱爾	Do_Query函數只有改變document.criteria.h_QryFlag.value = "V"的值? alert放在這函數底下有跑進去嗎?如果在這函數加上Trigger click事件是不是你想要的效果? document.getElementById('btnSearch').click() 本篇文章回覆於2013-12-02 15:00 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
4樓回應阿健	我試過了可能有幾個錯誤你的onchange只有一個" 少了一個再來就是你的Do_Query裡面要設定值的時候,物件沒取到通常我都會設定幾個alert看看有沒有取到物件我這邊是用document.all.h_QryFlag1來取得物件 <HTML> <BODY> <FORM > onChange<input name="h_dateto" type="text" class="tcal" value="123" onchange="Do_Query('V')" id="h_dateto" size="12" style="width:100px;" /> <INPUT TYPE="TEXT" VALUE="1" ID="h_QryFlag1" /> </FORM> </BODY> </HTML> <SCRIPT > function Do_Query(f_str) { alert(document.all.h_QryFlag1.value); document.all.h_QryFlag1.value = f_str; alert(document.all.h_QryFlag1.value); } </SCRIPT> 本篇文章回覆於2013-12-02 15:12 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
5樓作者回應 Merrick	凱爾大您好，我暫時將function改成以下這種 function Do_Query(f_str) { document.getElementById('h_dateto').click() ; document.criteria.h_QryFlag.value = "V"; alert( '請再檢查資料是否正確'); } alert放在這函數底下有跑進去，會跑出alert的視窗，但是底下日期依然不會有所改變，還是需要執行按鈕，才會進一步動作。本篇文章回覆於2013-12-02 15:34 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
6樓作者回應 Merrick	各位大大您們好，我照著步驟去做， alert的確有跑進來，而且值也有讀進來，請看圖檔 http://ppt.cc/D0nE 但是在ALL這個欄位依然沒有進行LOAD的動作，還是要加上按扭動作才可以。本篇文章回覆於2013-12-02 16:03 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
7樓回應阿健	all不是欄位. document.all.h_QryFlag1.value 文件document中所有物件all中的某個物件ID叫做h_QryFlag1的物件你要操控一個元件的value <input type=text id=h_QryFlag1 > 則用document.all.h_QryFlag1.value 本篇文章回覆於2013-12-02 16:43 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
8樓作者回應 Merrick	阿健大大您好，抱歉我說得不清楚，我指得ALL是指圖中的第三個框所顯示的<ALL>框框，我期望的結果是當我日期輸入完之後，不需要執行按鈕的動作，則時間之內的資料都會自動在圖中的<ALL>框框秀出來，目前看來Do_Query函數的確有執行到，而且參數值也有傳到函數裡面，但時間之內的資料仍然不會自動秀出來，還是要加上執行按鈕的動作，才有辦法。本篇文章回覆於2013-12-02 16:55 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
9樓回應凱爾	看來跟伺服器端的語言比較有關了，能問你是用什麼語言開發的嗎? 要不要再貼完整一點的Code出來本篇文章回覆於2013-12-02 17:54 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
10樓作者回應 Merrick	各位大大好，剛剛用Response.Write(TEST:<%=mDateto%>)，發現是日期沒有送進去做查詢動作，不知道為什麼ONCHANGE值不會把日期送進去做查詢，但ONCLICK就有把日期送進去做查詢請問如何改善? <head> <!-- #include file="../../../inc/top_include.inc" --> <!-- #include file="../../../inc/calendar.inc" --> <script src="js/public.js"></script> <script language="JavaScript"> function Do_Query(f_str) { if (f_str == "v") { document.criteria.h_QryFlag.value = "v"; document.all.h_QryFlag1.value = f_str; alert( '請再檢查資料是否正確'); } </script> </head> <% mDateFrom = Request("h_datefrom") mDateTo = Request("h_dateto") mQryFlag = Request("h_QryFlag") Set OraCmd.ActiveConnection = mOraCn_SYS If mQryFlag <> "DETAIL" Then If mDateFrom = "" Then mDateFrom = formatdatetime(date,2) If mDateTo = "" Then mDateTo = formatdatetime(date + 10,2) End If %> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="middle">日期</td> <td align="left" valign="middle" class="bluefont2"><table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20%" align="left" valign="middle"> <input name="h_datefrom" type="text" class="tcal" value="<%=mDatefrom%>" id="h_datefrom" size="12" style="width:100px;" /> </td> <td width="5%" align="left" valign="middle">  ~  </td> <td width="20%" align="left" valign="middle"> <input name="h_dateto" type="text" value="<%=mDateto%>" onchange="Do_Query('v')" id="h_dateto" size="12" style="width:100px;" /> <INPUT TYPE="TEXT" VALUE="1" ID="h_QryFlag1" /> Response.Write(TEST:<%=mDateto%>) </td> <!--<td align="left" valign="middle"> </td> --> td width="27%" align="left" valign="middle" style="padding-left:10px"> <input type="submit" name="b_vquery" onclick="Do_Query('v')" value="查詢" class="form_btn_100px"> </td> <!-- <td width="20%" align="left" valign="middle"> <input type="text" onchange="alert( '請再檢查資料是否正確')" id="h_dateto" size="12" style="width:100px;" /> </td>--> </tr> </table></td> </tr> </body> 本篇文章回覆於2013-12-02 18:16 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
11樓回應凱爾	你的程式碼蠻亂的...我刪減掉一些程式碼你點查詢後其實表單應該有Submit的動作，而你onchange後沒有Submit當然不會有值參考看看: <!DOCTYPE HTML> <html> <head> <script language="JavaScript"> function Do_Query(f_str) { if (f_str == "v") { //document.criteria.h_QryFlag.value = "v"; //document.all.h_QryFlag1.value = f_str; document.forms["myform"].submit(); } } </script> </head> <% mDateFrom = Request("h_datefrom") mDateTo = Request("h_dateto") mQryFlag = Request("h_QryFlag") %> Response.Write(TEST:<%=mDateto%>) <body> <form name="myform" action='temp.asp' method="post"> <INPUT TYPE="TEXT" VALUE="1" ID="h_QryFlag1" /> 起始日期: <input name="h_datefrom" type="text" class="tcal" value="<%=mDatefrom%>" id="h_datefrom" size="12" style="width:100px;" /> ~ <input name="h_dateto" type="text" value="<%=mDateto%>" onchange="Do_Query('v')" id="h_dateto" size="12" style="width:100px;" /> <input type="submit" name="b_vquery" onclick="Do_Query('v')" value="查詢" class="form_btn_100px"> </form> </body> </html> 本篇文章回覆於2013-12-02 23:09 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
12樓作者回應 Merrick	感謝凱爾大大的解釋，所以不管怎樣都要有Submit的動作才能有送出值嚕，有語法可以自動將值submit出去嗎? 本篇文章回覆於2013-12-03 08:58 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
13樓回應凱爾	你可以用Ajax的方式去動態改變select list的選項,但這又是另一個方向了要初學的話,可以試試我早年寫ASP的方式,將select資料塞到JavaScript的陣列不管click或onchange都去改變select list的項目但使用請小心...資料量大的話這樣效率蠻差的...自己在試試看囉^^" 本篇文章回覆於2013-12-03 09:36 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
14樓作者回應 Merrick	各位大大好，我剛剛有找一下資料，我再加上document.criteria.submit(); 資料就可以Submit出去，不過又有一個問題產生，就是我必須手動輸入值才會觸發，若是用js月曆給值就無法觸發，請任何語法可以判斷這種情況嗎? 本篇文章回覆於2013-12-03 09:57 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
15樓回應迷路	你的問題我之前也遇到過 http://www.blueshop.com.tw/board/show.asp?subcde=BRD20121113135627FLB&fumcde=BRD20121113135627FLB 我的情況是onclick觸發js日曆在觸發完後要做計算最後的方法是在onpropertychange、oninput和onchange都呼叫計算的function 雖然火狐的效果有些不盡人意提供給你參考看看本篇文章回覆於2013-12-03 10:27 == 簽名檔 == --未登入的會員無法查看對方簽名檔--

12 最後一頁(2)

回覆

如要回應,請先登入.

1樓回應凱爾	試試onblur 事件(失去焦點時發生) http://www.w3school.com.cn/htmldom/event_onblur.asp 本篇文章回覆於2013-12-02 14:15 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
2樓作者回應 Merrick	onblur、onfocus、onchange都試過了，都是一樣還無效果。本篇文章回覆於2013-12-02 14:26 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
3樓回應凱爾	Do_Query函數只有改變document.criteria.h_QryFlag.value = "V"的值? alert放在這函數底下有跑進去嗎?如果在這函數加上Trigger click事件是不是你想要的效果? document.getElementById('btnSearch').click() 本篇文章回覆於2013-12-02 15:00 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
4樓回應阿健	我試過了可能有幾個錯誤你的onchange只有一個" 少了一個再來就是你的Do_Query裡面要設定值的時候,物件沒取到通常我都會設定幾個alert看看有沒有取到物件我這邊是用document.all.h_QryFlag1來取得物件 <HTML> <BODY> <FORM > onChange<input name="h_dateto" type="text" class="tcal" value="123" onchange="Do_Query('V')" id="h_dateto" size="12" style="width:100px;" /> <INPUT TYPE="TEXT" VALUE="1" ID="h_QryFlag1" /> </FORM> </BODY> </HTML> <SCRIPT > function Do_Query(f_str) { alert(document.all.h_QryFlag1.value); document.all.h_QryFlag1.value = f_str; alert(document.all.h_QryFlag1.value); } </SCRIPT> 本篇文章回覆於2013-12-02 15:12 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
5樓作者回應 Merrick	凱爾大您好，我暫時將function改成以下這種 function Do_Query(f_str) { document.getElementById('h_dateto').click() ; document.criteria.h_QryFlag.value = "V"; alert( '請再檢查資料是否正確'); } alert放在這函數底下有跑進去，會跑出alert的視窗，但是底下日期依然不會有所改變，還是需要執行按鈕，才會進一步動作。本篇文章回覆於2013-12-02 15:34 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
6樓作者回應 Merrick	各位大大您們好，我照著步驟去做， alert的確有跑進來，而且值也有讀進來，請看圖檔 http://ppt.cc/D0nE 但是在ALL這個欄位依然沒有進行LOAD的動作，還是要加上按扭動作才可以。本篇文章回覆於2013-12-02 16:03 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
7樓回應阿健	all不是欄位. document.all.h_QryFlag1.value 文件document中所有物件all中的某個物件ID叫做h_QryFlag1的物件你要操控一個元件的value <input type=text id=h_QryFlag1 > 則用document.all.h_QryFlag1.value 本篇文章回覆於2013-12-02 16:43 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
8樓作者回應 Merrick	阿健大大您好，抱歉我說得不清楚，我指得ALL是指圖中的第三個框所顯示的<ALL>框框，我期望的結果是當我日期輸入完之後，不需要執行按鈕的動作，則時間之內的資料都會自動在圖中的<ALL>框框秀出來，目前看來Do_Query函數的確有執行到，而且參數值也有傳到函數裡面，但時間之內的資料仍然不會自動秀出來，還是要加上執行按鈕的動作，才有辦法。本篇文章回覆於2013-12-02 16:55 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
9樓回應凱爾	看來跟伺服器端的語言比較有關了，能問你是用什麼語言開發的嗎? 要不要再貼完整一點的Code出來本篇文章回覆於2013-12-02 17:54 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
10樓作者回應 Merrick	各位大大好，剛剛用Response.Write(TEST:<%=mDateto%>)，發現是日期沒有送進去做查詢動作，不知道為什麼ONCHANGE值不會把日期送進去做查詢，但ONCLICK就有把日期送進去做查詢請問如何改善? <head> <!-- #include file="../../../inc/top_include.inc" --> <!-- #include file="../../../inc/calendar.inc" --> <script src="js/public.js"></script> <script language="JavaScript"> function Do_Query(f_str) { if (f_str == "v") { document.criteria.h_QryFlag.value = "v"; document.all.h_QryFlag1.value = f_str; alert( '請再檢查資料是否正確'); } </script> </head> <% mDateFrom = Request("h_datefrom") mDateTo = Request("h_dateto") mQryFlag = Request("h_QryFlag") Set OraCmd.ActiveConnection = mOraCn_SYS If mQryFlag <> "DETAIL" Then If mDateFrom = "" Then mDateFrom = formatdatetime(date,2) If mDateTo = "" Then mDateTo = formatdatetime(date + 10,2) End If %> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="middle">日期</td> <td align="left" valign="middle" class="bluefont2"><table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20%" align="left" valign="middle"> <input name="h_datefrom" type="text" class="tcal" value="<%=mDatefrom%>" id="h_datefrom" size="12" style="width:100px;" /> </td> <td width="5%" align="left" valign="middle">  ~  </td> <td width="20%" align="left" valign="middle"> <input name="h_dateto" type="text" value="<%=mDateto%>" onchange="Do_Query('v')" id="h_dateto" size="12" style="width:100px;" /> <INPUT TYPE="TEXT" VALUE="1" ID="h_QryFlag1" /> Response.Write(TEST:<%=mDateto%>) </td> <!--<td align="left" valign="middle"> </td> --> td width="27%" align="left" valign="middle" style="padding-left:10px"> <input type="submit" name="b_vquery" onclick="Do_Query('v')" value="查詢" class="form_btn_100px"> </td> <!-- <td width="20%" align="left" valign="middle"> <input type="text" onchange="alert( '請再檢查資料是否正確')" id="h_dateto" size="12" style="width:100px;" /> </td>--> </tr> </table></td> </tr> </body> 本篇文章回覆於2013-12-02 18:16 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
11樓回應凱爾	你的程式碼蠻亂的...我刪減掉一些程式碼你點查詢後其實表單應該有Submit的動作，而你onchange後沒有Submit當然不會有值參考看看: <!DOCTYPE HTML> <html> <head> <script language="JavaScript"> function Do_Query(f_str) { if (f_str == "v") { //document.criteria.h_QryFlag.value = "v"; //document.all.h_QryFlag1.value = f_str; document.forms["myform"].submit(); } } </script> </head> <% mDateFrom = Request("h_datefrom") mDateTo = Request("h_dateto") mQryFlag = Request("h_QryFlag") %> Response.Write(TEST:<%=mDateto%>) <body> <form name="myform" action='temp.asp' method="post"> <INPUT TYPE="TEXT" VALUE="1" ID="h_QryFlag1" /> 起始日期: <input name="h_datefrom" type="text" class="tcal" value="<%=mDatefrom%>" id="h_datefrom" size="12" style="width:100px;" /> ~ <input name="h_dateto" type="text" value="<%=mDateto%>" onchange="Do_Query('v')" id="h_dateto" size="12" style="width:100px;" /> <input type="submit" name="b_vquery" onclick="Do_Query('v')" value="查詢" class="form_btn_100px"> </form> </body> </html> 本篇文章回覆於2013-12-02 23:09 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
12樓作者回應 Merrick	感謝凱爾大大的解釋，所以不管怎樣都要有Submit的動作才能有送出值嚕，有語法可以自動將值submit出去嗎? 本篇文章回覆於2013-12-03 08:58 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
13樓回應凱爾	你可以用Ajax的方式去動態改變select list的選項,但這又是另一個方向了要初學的話,可以試試我早年寫ASP的方式,將select資料塞到JavaScript的陣列不管click或onchange都去改變select list的項目但使用請小心...資料量大的話這樣效率蠻差的...自己在試試看囉^^" 本篇文章回覆於2013-12-03 09:36 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
14樓作者回應 Merrick	各位大大好，我剛剛有找一下資料，我再加上document.criteria.submit(); 資料就可以Submit出去，不過又有一個問題產生，就是我必須手動輸入值才會觸發，若是用js月曆給值就無法觸發，請任何語法可以判斷這種情況嗎? 本篇文章回覆於2013-12-03 09:57 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
15樓回應迷路	你的問題我之前也遇到過 http://www.blueshop.com.tw/board/show.asp?subcde=BRD20121113135627FLB&fumcde=BRD20121113135627FLB 我的情況是onclick觸發js日曆在觸發完後要做計算最後的方法是在onpropertychange、oninput和onchange都呼叫計算的function 雖然火狐的效果有些不盡人意提供給你參考看看本篇文章回覆於2013-12-03 10:27 == 簽名檔 == --未登入的會員無法查看對方簽名檔--