2016-04-07 106 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沒有定義」,但我已經定義了功能不爲什麼這個錯誤發生:) –