選擇選項將打開唯一的文本框

我想要有兩個不同的選擇選項，比如EMAIL或PHONE NUMBER等選項，並且當您選擇EMAIL選項時，會在下方打開一個文本框，其中顯示「輸入電子郵件」或者當您選擇PHONE NUMBER（電話號碼）選項時，將在其下方顯示「輸入電話號碼：」的不同文本框。選擇選項將打開唯一的文本框

Ps。我不想同時顯示兩個文本框，我希望他們選擇填寫哪一個。如果您有更好的方法來做到這一點，請讓我知道您的想法。

<form action="order-step4.php" method="post"> 

    Please fill out these fields:<br /> 
    Recipient: <input type="text" name="recipient" /><br /> 

    Recipient Email: <input type="text" name="remail" /><br /> 

    Recipient Cell: <input type="text" name="rsms" /><br /> 

    Your Message :<input type="text" name="message" /><br /> 

    <input type="submit"> 
</form>

謝謝，乍得。

來源

2013-01-24 Chad Cardiff

請發表您已經嘗試了什麼，直到如今 – Cris

現在我只有兩個文本框的是發送到數據庫，但我希望他們能選擇哪一個，作爲所以如果他們不得不輸入或不輸入等，他們不會感到困惑。 –

代碼請您嘗試過 – Cris

有下拉選項用於選擇電話或電子郵件，並在下拉更改時顯示/隱藏相應的輸入文本框。

<select id="myChoice"> 
    <option value="email">Email</option> 
    <option value="phone">Phone</option> 
</select>

這裏是功能

$('#myChoice').change(function() { 
     if ($(this).val() === 'email') { 
      //show email 
      //hide phone 

     } else { 
      //hide email 
      //show phone 
     } 
});

來源

2013-01-24 04:59:51 Cris

我沒有測試過這個，我馬上就會忙着在網站上的其他代碼。這將在電話設備上工作嗎？如iPhone等使用phonegap或相關技術 –

，casue肯定不是一個客觀的c代碼？ – Cris

不使用phonegap等任何東西，只是普通的PHP CSS xHTML。 –

選擇選項將打開唯一的文本框

回答

相關問題