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