selectOnchang的用法

在做后台微信菜单管理时，需要实现功能：在多选框中选择一个后，VIEW框和CLICK框根据判断变为可编辑或者不可编辑。如图所示：

要实现该功能可使用selectOnchang方法！

具体代码为：

            <div class="form-group ">
            <label class="col-sm-3 control-label col-lg-4" for="inputSuccess">菜单类型:</label>
                <div class="col-md-6 col-sm-6">
                <select type="text" id="menuType" class="form-control" οnchange="selectOnchang(this)">
                 <option value ="plsselect">请选择</option>
                 <option value ="click">click</option>
                 <option value ="view">view</option>
                 <option value =""></option>
                 </select>
                </div>
            </div>

 该代码中的οnchange="selectOnchang(this)   是指：当选择框内的内容发生变化时，调用 selectOnchang方法。

在script中实现selectOnchang方法：

function selectOnchang(obj){ 
     $("#url").removeAttr("disabled");
     $("#msgId").removeAttr("disabled");
       //获取被选中的option标签选项 
     console.log(obj.options[obj.selectedIndex].value);
     if(obj.options[obj.selectedIndex].value=='view'){
        $("#msgId").val("");
        $("#msgId").attr('disabled', 'disabled');
     }
     if(obj.options[obj.selectedIndex].value=='click'){
        $("#url").val("");
        $("#url").attr('disabled', 'disabled');
     }
     if(obj.options[obj.selectedIndex].value==''){
        $("#url").val("");
        $("#msgId").val("");
        $("#url").attr('disabled', 'disabled');
        $("#msgId").attr('disabled', 'disabled');
   }
}

-------------------------------------------------------------------------------------------------------------------------------

参考：BootStrap中关于Select下拉框选择触发事件及扩展