-1

対応するテキストボックスを開く選択オプションが必要です。

これらが私の選択だとしましょう：

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

[メール]の選択を選択すると、その下に（以前は表示されていなかった）テキストボックスが表示され、メールアドレスを入力してくださいと表示されます。

また

電話の選択を選択すると、その下に電話番号を入力してくださいというテキストボックス（以前は表示されていませんでした）が表示されます。

「メールアドレスを入力」と「電話番号を入力」の両方のテキストボックスを同時に表示したくありません。どちらを開くかを選択して、連絡先情報を入力してもらいたい。

私は現在これを持っていますが、他に何が入っているのかわかりません...助けてください！

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

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

ありがとう、チャド。

4

2 に答える 2

1

同様の要件があり、解決策は次のとおりです。

<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>

于 2013-01-27T18:05:01.527 に答える
0

それを理解して、これには次のJavaScriptを使用しました：

<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>

次に、これを次の形式にしました。

<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>
于 2013-01-27T17:33:41.897 に答える