buyax 2017-11-29 10:25 采纳率: 53.3%
浏览 7867
已结题

关于select下拉框选择触发事件,死活触发不了~请大佬帮忙看下~

如题:后台的我,不太会前端,请教下大佬,~
关于select下拉框选择触发事件,
下图

当我下拉框选中1级菜单时,上级菜单那个框要被隐藏,选中2级菜单,上级菜单的框就要显现
这个上级菜单是一个动态的获取数据库的,

图片说明

我尝试很多种了就是触发不了,

        <tr style="height: 20px">
            <td><span class="labelFont">菜单等级:</span></td>
            <td><input id="grade" name="grade" class="easyui-combobox"
                style="width: 218px; height: 30px;"
                data-options="
                              valueField: 'value',
                              textField: 'label',
                              data: [{
                                  label: '1级菜单',
                                  value: '1',
                              },{
                                  label: '2级菜单',
                                  value: '2'
                              }],
                              onSelect: function(rec){
                                  chooseGrade(rec);
                              }" />
            </td>
        </tr>

                <br />
        <tr style="height: 20px" >
            <td><span class="labelFont">上级菜单:</span></td>
            <td><input class="easyui-combobox" disabled = "disabled"
                style="width: 218px; height: 30px;" id="parentName"
                data-options="valueField:'parentId', textField:'parentName'" /></td>
        </tr>
        <br />
<script type="text/javascript">     
                    function chooseGrade(getVal) {
                if (Number(getVal.value) == 1) {
                    alert(1);
                    /* $("#parentName").prop("disabled",true); */
                    $("#parentName").combobox('disable');  
                    /* $("#parentName").attr("readonly","readonly") */
                    alert(2);
                    $("#keyValue").hide();
                    $("#url").hide();
                    /* $("#parentName").hide(); */
                } else {
                    alert(getVal.value);
                    /* $("#parentName").prop("disabled",false); */
                    /* $("#parentName").removeAttr("disabled"); */
                    $("#parentName").combobox('enable'); 
                    alert($("#parentName").attr("disabled"));

                    /* $("#parentName").attr("readonly","") */
                    alert(2);
                    $("#keyValue").show();
                    /* $("#parentName").show();  */
                    $("#url").show();
                }
            }
        </script>

我真的尝试了很多次,就是死活触发不了~,
请教下大佬,有实际例子更好了,感激不尽~~~

  • 写回答

24条回答 默认 最新

  • 高手、这是高手 2017-11-29 10:34
    关注

    你没有option里面的值赋值到key的text的value里面

    评论

报告相同问题?

悬赏问题

  • ¥15 代码的修改,添加和运行完善
  • ¥15 krpano-场景分组和自定义地图分组
  • ¥15 lammps Gpu加速出错
  • ¥15 关于PLUS模型中kapaa值的问题
  • ¥15 关于博途V17进行仿真时无法建立连接问题
  • ¥15 机器学习教材中的例题询问
  • ¥15 求.net core 几款免费的pdf编辑器
  • ¥15 为什么安装HCL 和virtualbox之后没有找到VirtualBoxHost-OnlyNetWork?
  • ¥15 C# P/Invoke的效率问题
  • ¥20 thinkphp适配人大金仓问题