Javascript Select如何觸發event?

如以下HTML片段程式,

<SELECT NAME="functionID" VALUE='.$functionID.'>

<option value="1"'; if ($functionID == 1) echo " selected"; echo'>A</option>

<option value="2"'; if ($functionID == 2) echo " selected"; echo'>B</option>

<option value="3"'; if ($functionID == 3) echo " selected"; echo'>C</option>

</SELECT>

<INPUT TYPE="submit" NAME="Submit" VALUE="執行功能">';

請問如何在使用者未按submit按鈕前,一改變SELECT選項時,即觸發某段程式碼進行檢查?

附帶問一個問題(沒回答沒關係),如何在不更新網頁的情況下,讓某一段文字更新?

PS.我要做的效果是當使用者改變選項時,程式能立即算出改變選項後的結帳金額供使用者參考。

已更新項目:

To 智民,

不知是否是您等級不夠的關係, 你javascript裡的分號不見了,

str前後的加號也不見了, 不過我還是有參照您提供的方法試出來了,

另外我想問, 若要動態改變文字內容是否只能用input type="text"的方式?

input type可以弄成多行嗎?

2 個已更新項目:

我有試著在input type="text"中,

document.getElementById("label").value=後面加 或\\n都無法換行,

是否要改什麼設定?

另外可否在那裡面再插入按鈕或超連結位址.

3 個已更新項目:

我是指button, or checkbox加在textarea裡面可以嗎?

2 個解答

評分
  • 志明
    Lv 5
    1 0 年前
    最佳解答

    看看是不是你要的…有問題再問吧

    <SELECT NAME="functionID" VALUE='.$functionID.' onchange="test()">

    <option value="100"'; if ($functionID == 1) echo " selected"; echo'>A</option>

    <option value="200"'; if ($functionID == 2) echo " selected"; echo'>B</option>

    <option value="300"'; if ($functionID == 3) echo " selected"; echo'>C</option>

    </SELECT>

    <INPUT TYPE="submit" NAME="Submit" VALUE="執行功能">

    <input id="label" type="text" readonly="true">

    <script>

    function test(){

    alert("您觸發了選項!!!")

    str=document.getElementById("functionID")[document.getElementById("functionID").selectedIndex].value

    document.getElementById("label").value="總共" str "元";

    }

    </script>

    2008-08-25 09:14:52 補充:

    一、分號有沒有在javascript其實是沒差的

    二、"加號"的確是被吃字…sor....

    三、 //把input那行改成這樣

    document.getElementById("label").value="總共"+str+"元&#92;nCash or Google"; //斷行

    2008-08-25 09:18:13 補充:

    第三點程式碼重新補充= =

    <textarea id=”label” readonly=”true”></textarea>

    document.getElementByid(”label”).value=”總共”+str+”元\nCash or Visa”;

    2008-08-25 09:18:57 補充:

    另外可否在那裡面再插入按鈕或超連結位址.

    這行…不懂= =你是想加在哪?

    2008-08-25 23:12:25 補充:

    好問題.這個我就沒試過了,可是剛試了感覺是不行,我想應該有其它方案可以代替吧!!

    參考資料: myself
    • 登入以對解答發表意見
  • 1 0 年前

    select有一個onchange的屬性

    onchange="doSomething();"

    • 登入以對解答發表意見
還有問題?馬上發問,尋求解答。