promotion image of download ymail app
Promoted

請問下拉式表可以與文字盒 控制嗎

如題.

下拉式表 內容 最後一個是其它,當我按其它,可以把右邊的文字盒自動顯示開放 自行輸入 自由文字嗎

文字盒原本是隱藏著 要按下拉式表其它 才會開放顯示!

不知道有沒辦法做出來

我要的是php和單純的JavaScript 兩個

謝謝

<head>

<meta http-equiv="Content-Type" content="text/html; charset=big5" />

<title>無標題文件</title>

</head>

<body>

<form id="form1" name="form1" method="post" action="">

大飯店

<select name="select">

<option value="請選擇" selected="selected">請選擇</option>

<option value="圓山大飯店">圓山大飯店</option>

<option value="遠東大飯店">遠東大飯店</option>

<option value="其它">其它</option>

</select>

<label>

<input type="text" name="textfield" />

</label>

</form>

</body>

</html>

2 個解答

評分
  • 1 0 年前
    最佳解答

    而我提供的方法是先將文字輸入方塊設定為disabled,

    也就是無法輸入,

    而選擇到「其它」,

    才開放輸入。

    示範程式碼如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>無標題文件</title>

    <script type="text/javascript">

    function OpenTextField(){

    var form1=document.form1;

    var snum=form1.select.length-1;

    if(form1.select[snum].selected==true){

    form1.textfield.disabled=false;

    form1.textfield.focus();

    }else{

    form1.textfield.disabled=true;

    }

    }

    </script>

    </head>

    <body>

    <form name="form1" method="post" action="">

    大飯店

    <select name="select" onchange="OpenTextField();">

    <option value="請選擇" selected="selected">請選擇</option>

    <option value="圓山大飯店">圓山大飯店</option>

    <option value="遠東大飯店">遠東大飯店</option>

    <option value="其它">其它</option>

    </select>

    <label>

    <input type="text" name="textfield" value="" disabled />

    </label>

    </form>

    </body>

    </html>

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

    修改

    <select name="select" onchange="changSelect(this.form)">

    <input type='text' name="textfield" style="display:none;">

    -----------------------------------------------------------------------------

    加入

    <scritp language="JavaScript">

    function changSelect(obj){

    if( obj.select.value == "其他")

    obj.textfield.style.display = "";

    else

    obj.textfield.style.display = "none";

    }

    </script>

    2007-09-28 18:13:20 補充:

    上述問題 php 不用做什麼事

    有關係的就只有 當他人關閉JS 或 使用特殊方式送出時

    加以判斷送過來的值是否正確而已

    參考資料: 自己
    • Commenter avatar登入以對解答發表意見
還有問題?馬上發問,尋求解答。