Hello,
I am Getting issue of "Undefined function". I want to populate another select list on change of first select list.
The problem is in fire an event. In console 2 errors are:
1. Unexpected identifier: in ff_getElementByName
2. ff_make_action is not defined at HTMLSelectElement.onchange
Can you help me out to resolve this issue?
Here is my code:
function ff_make_action(element,action){
switch (action) {
case 'change':
// pop make fld
var selname = ff_getElementByName(element.name);
if (ff_getElementByName(element.name).value){
ff_getElementByName('vMake').value = selname[selname.selectedIndex].text;}
//<<<<
value=ff_selectedValues('make');
//alert("<?php return JURI::root(true ); ?>/media/breezingforms/formsapps/truecut/make.php");
//alert(ff_getElementByName('make').value);
//alert("<?php return JURI::root(true ); ?>/media/breezingforms/formsapps/truecut/make.php"+"?ddd="+ff_getElementByName('make').value);
msg=JQuery.ajax({
type: "POST",
url: "<?php return JURI::root(true ); ?>/media/breezingforms/formsapps/truecut/make.php"+"?ddd="+ff_getElementByName('make').value,
//data: {"rec_id":element.value}, //the value to send to the php file
dataType: 'json',
async:false,
success: function(msg){
return msg;
//alert("hello1");
}
}).responseText;
//myDataArray=msg;
myDataArray='';
myDataArray2=JSON.parse(myDataArray);
//alert("hello");
edits= ff_getElementByName('model');
//alert(myDataArray);
edits.options.length=0;
edits.options[0] = new Option('Select Model','',true,true);
for (var i=0; i <myDataArray2.length; i++){
//edits.options[i+1] = new Option(myDataArray2.name, myDataArray2.id, myDataArray2.fourwd);
edits.options[i+1] = new Option(myDataArray2.name, myDataArray2.id);
}
break;
default:;
} // switch
}
Thanks in advance.
Looking forward to hear from you soon.
Regards,
Jerry