Wählen Sie diese Option öffnet ein neues Textfeld

Will ich haben, eine option wählen, öffnet sich ein entsprechendes Textfeld.

Sagen wir mal diese sind in meiner Auswahl:

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

Wenn Sie wählen Sie die E-Mail-Auswahl möchte ich es zeigen, ein Textfeld darunter (das war vorher nicht da), sagt bitte geben Sie Ihre E-Mail.

ODER

Wenn Sie wählen Sie die Telefon-Auswahl möchte ich es zeigen, ein Textfeld darunter (das war vorher nicht da), sagt bitte geben Sie Ihre Telefonnummer ein.

Will ich nicht sowohl die "Enter E-Mail" und "Telefonnummer Eingeben" Textfelder zeigen an der gleichen Zeit. Ich möchte Ihnen zu wählen, welche zu öffnen und geben Sie Ihre Kontakt-info.

Momentan habe ich diese, aber nicht wissen, was anderes zu haben, in der es... bitte um Hilfe!!

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

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

Dank,
Tschad.

  • Sie benötigen JavaScript, um dies zu tun. Was haben Sie versucht?
  • Überprüfen Sie bitte mein edit oben!!
  • Hat es nicht funktioniert?
  • Ich habe einen Weg gefunden, mich selbst, check out my post unter. Nicht sehen, Ihre post, bis ich mir geschrieben! (Ich habe noch steigerte Ihre post)
InformationsquelleAutor Chad Cardiff | 2013-01-26
  1. 1

    Hatte ich ähnliche Anforderung und die Lösung ist:

    <HTML>
<BODY>
<form name="myform">
<table>
<tr>
<td>
<select name="one" onchange="if (this.value=='other')   {this.form['other'].style.visibility='visible'}else     {this.form['other'].style.visibility='hidden'};">
<option value="" selected="selected">Select...</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="other">Other</option>
</select>
<input type="textbox" name="other" style="visibility:hidden;"/>
</td>
</tr>
</table>

    InformationsquelleAutor NewUser
  2. 0

    Herausgefunden, verwendet das folgende javascript für diese:

    <script type="text/javascript">
function CheckContact(val){
 var element=document.getElementById('email');
 if(val=='email')
   element.style.display='block';
 else
   element.style.display='none';

 var element=document.getElementById('sms');
 if(val=='sms')
   element.style.display='block';
 else
   element.style.display='none';
}
</script>

    Dann hatte dies in der form:

    <select name="contactinfo" id="contactinfo" onchange="CheckContact(this.value);">
  <option>Select Contact Option</option>
  <option value="email">Email</option>
  <option value="sms">Text (SMS)</option>
</select><br />
<div id="email" style="display: none;">Enter Email: <input type="text" name="email" /><br /></div>
<div id="sms" style="display: none;">Enter Cell Number: <input type="text" name="sms" /><br /></div>
    InformationsquelleAutor Chad Cardiff
Schreibe einen Kommentar