weixin_42705194
wang00ka
2018-10-09 05:38
采纳率: 75.7%
浏览 1.7k

输入框的隐藏和显示怎么实现?

当启用栏为开启时,地址那个输入框显示,为关闭时,下面的输入框隐藏,请问怎么做?图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • showbo
    已采纳
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.0/angular.min.js"></script>
    <body ng-app="myApp">
        <div ng-controller="myCtrl">
            <select ng-model="yesno" ng-change="myFunc()"><option value="开启" >开启</option><option value="关闭">关闭</option></select>
            <div ng-show="show">地址:<input type="text" /></div>
        </div>
        <script>
            angular.module('myApp', [])
            .controller('myCtrl', ['$scope', function ($scope) {
                $scope.yesno = '开启';
                $scope.show = $scope.yesno == '开启';
                $scope.myFunc = function () { $scope.show = $scope.yesno == '开启'; };
            }]);
        </script>
    </body>
    
    点赞 5 评论
  • qq_23126581

    $(".data").bind("change",function(){
    var dataname = $(this).val();

                if(dataname=="开启"){
                  $("#pro").show();
    
                }else{
                    $("#pro").hide();
                }
    
        });
    
    点赞 评论
  • weixin_39808420
    世纪怪咖 2018-10-09 06:27

    就上面的对,下拉框做个变动事件,改变的时候判断一下选中的值,然后决定下面的是否显示,直接hide或者show就可以了

    点赞 评论

相关推荐