2016-04-07 79 views
0

我的Dropdown弹出窗口有问题。 在我的下拉列表中有选项“添加新”,当我点击“添加新的”弹出应该打开..现在不能打开! 这里是下拉的代码Codeigniter Dropdown问题

echo form_dropdown('Birth_Certificate_Storage_id['.$key.']', $optionstorage,"",array('class'=>'form-control roleId','id'=>'Birth_Certificate_Storage_id['.$key.']','onchange'=>'addRole(this.options[this.selectedIndex].text)')); 

我已经把 “的onchange” 事件在下拉列表,使功能 “addRole()”

addRole()函数

function addRole(val) 
{ 
//alert("test");  
if (val == "ADD NEW") 
{ 

    $('#RoleModal').modal('show'); 
    $('#form_role').validate({ 
    rules: 
    { 
     Storage Code: { required: true}, 
     Storage Location: { required: true}, 
    }, 
    messages: 
    { 
    Storage Code: {required: "This field is Required"}, 
    Storage Location: {required: "This field is Required"} 
    } 
}); 
} 

}
功能不工作,我不能在该功能提醒 任何帮助将不胜感激

回答

0

更新:

form_dropdown函数的第四个参数应为字符串不是一个数组,如:

echo form_dropdown('Birth_Certificate_Storage_id[' . $key . ']', $optionstorage, "", 'class="form-control roleId" id="Birth_Certificate_Storage_id[' . $key . ']"'); 

如果你使用jQuery,你可以在你的JavaScript代码的更改事件绑定/文件,而不是将其设置为内联:

$(document).ready(function() { 
    $('.form-control.roleId').on('change', function() { 
     var val = $(this).find("option:selected").text(); 
     if (val == "ADD NEW") { 
      $('#RoleModal').modal('show'); 
      $('#form_role').validate({ 
       rules : { 
        'Storage Code' : {required: true}, 
        'Storage Location': {required: true} 
       }, 
       messages: { 
        'Storage Code' : {required: "This field is Required"}, 
        'Storage Location': {required: "This field is Required"} 
       } 
      }); 
     } 
    }); 
}); 

请注意我在JS中修复了一些问题!

+0

问题是在CONSOL函数bcz中发生这种类型的错误“ReferenceError:addRole没有定义”,但我已经定义了功能不为什么这个错误发生:) –