Javascript 要在从下拉列表中选择不同选项时显示输入框吗

我正在使用ng if来显示和隐藏输入框，每当我刷新页面时，输入就会自动显示，并且在选择要隐藏的选项时显示。我已附上我的代码。任何线索将不胜感激。提前感谢：）

电子邮件
即时消息
电话
没有一个

我认为您的singleSelect模型将具有option select的值而不是文本，因此您不能测试singleSelect===电话，您需要测试singleSelect===option 3

您需要初始化ng模型

<select  id="notifyBy" 
        style="border:none" 
        class="formtext1 inputimg" 
        ng-model="singleSelect"  
        ng-init="singleSelect = ''">

电子邮件
即时消息
电话
没有一个

观察：不要与选项文本进行比较，而是将其与ng模型值进行比较

使用此

ng if=“singleSelect=='option3'”

而不是

ng if=“singleSelect=='Telephone'”

演示

var myApp=angular.module（'myApp'，[]）；
myApp.controller（'MyCtrl'，函数（$scope）{
});

电子邮件
即时消息
电话
没有一个
我认为应该是
ng if=“singleSelect==“Telephone”
也就是说，如果你的作用域中没有变量
Telephone
。在你的控制器中初始化
$scope.singleSelect='
，然后在下拉菜单中选择时执行
$scope.singleSelect='Telephone'
。它不工作：（@psycho我不明白你能不能请你详细说明我在控制器中必须做什么：）我误解了你的问题。但是你应该在控制器中用
$scope
初始化变量，然后再在
视图/DOM
中绑定它们。do console.log（$scope.singleSelect）在控制器的末尾。可能在刷新时选择并查看有什么值。或者尝试切换到ng show。
<select  id="notifyBy" 
        style="border:none" 
        class="formtext1 inputimg" 
        ng-model="singleSelect"  
        ng-init="singleSelect = ''">

<select id="notifyBy"   
        style="border:none" 
        class="formtext1 inputimg" 
        ng-model="singleSelect">

          <option  value="option1">E-mail</option>
          <option value="option2">Instant Message</option>
          <option value="option3">Telephone</option>
          <option value="option4">None</option>
</select>

<br><br>
<input placeholder="Please enter phone number" 
       class="formtext1" 
       ng-if="singleSelect === 'option3'"></input>