Search jQuery

jQuery Forum

Not able to fetch value for edit Data Modal Form, from db through json data response

in Using jQuery • 3 years ago

i need to fetch specific data from database and to be show in modal form ( Update / Edit Form ) , for i.g in form elemen i have this :

<div class="form-group">
<label for="nama" class="col-sm-2 control-label">Nama</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="name" name="name" >
</div>
</div>

then function event onclick button submit .

function editEmploy(id = null) {
if (id) {
//fetch data
$.ajax({
url:'pegawai/editpeg.php',
type:'post',
data:{'nip': id},
dataType:'json',
success:function(response) {
$("#nama").val(response.name); // Not showing anything at modal form
alert(response.name); // its shown name from database
}
});
}else{
alert("ERROR : blah ..blahh");
}
}

if i test with alert , it will show information data name from database , its mean fetching data from database have done well. How to send it to <input type="text" class="form-control" id="name" name="name" >

i have tried with this

$("#name").val(response.name);

but when modal form show the input type shown anything / blank , no value , how to do this ? i mean send the value from response ajax to input type elemen form ?

Replies(8)

jakecigar

Re: Not able to fetch value for edit Data Modal Form, from db through json data response

3 years ago

$("#nama").val(response.name); // Not showing anything at modal form

should be

$("#name").val(response.name);

with name spelled properly.

Or don’t use ids at all with

$("[name='name']").val(response.name);

JΛ̊KE

ariowishnu

Re: Not able to fetch value for edit Data Modal Form, from db through json data response

3 years ago

great, its work with this way

$("[name='name']").val(response.name);

thanks jake..

jakecigar

Re: Re: Not able to fetch value for edit Data Modal Form, from db through json data response

3 years ago

If it only works that way, you probably have INVALID html with more than one id=name.

JΛ̊KE

ariowishnu

Re: Not able to fetch value for edit Data Modal Form, from db through json data response

3 years ago

quotes from ur last answer "you probably have INVALID html with more than one id=name."

yes i have ,

employe.php

in this php file, place for all html modal such as addEmploye, delEmploye, editEmployee.

then each modal almost have same element input field too,

I though it will be ok if they have same id, because they already have difrent :

<div class="modal fade" tabindex="-1" role="dialog" id="addEmploy" or id="delEmploy" or id="editEmploy" >

it is possible php or jquery wrong to recognize each element ID inside DIV / Active modal ?

if current active modal is "Add Employee" , then all element inside "Add Employee" should be active too..

correct me if im wrong..

jakecigar

Re: Not able to fetch value for edit Data Modal Form, from db through json data response

3 years ago

Ids are supposed to be unique. If you want to have multiple occurrences of some element, you don’t get to use the same id.

That’s what classes, names or other attributes are for.

JΛ̊KE

ariowishnu

Re: Not able to fetch value for edit Data Modal Form, from db through json data response

3 years ago

If i run it with chrome, datatables doesnt load data at all, except i change this

Set default value :

function editEmploy(id = null) { // doesnt load on chrome
}

change to this way

function editEmploy(id ) { // it does , datatables works well
}

why this happen ? How to fix this, so it can run on crosbrowser ?

watusiware

Re: Not able to fetch value for edit Data Modal Form, from db through json data response

3 years ago

You didn't say what version of Chrome. Nor did you say if you get your error alert or not.

If it is a VERY old Chrome (Chrome 39, 2014) , it doesn't support default parameters. I doubt that is what is happening.

Did you check the Javascript console for errors?

In any case, you do not need the default parameter. An omitted parameter is undefined. The default parameter is superfluous.

None of your questions have anything to do with jQuery. Honestly, you need to take the time to learn Javascript and CSS. They are both necessary prerequisites for learning jQuery.

MDN is a good source of information:

https://developer.mozilla.org/en-US/docs/Web/JavaScript

https://developer.mozilla.org/en-US/docs/Web/CSS

ariowishnu

Re: Not able to fetch value for edit Data Modal Form, from db through json data response

3 years ago

hi,watusiware

thanks for helping me, about chrome it was ver.35, after i get new version of chrome ,datatables work well.

Btw thanks for reffering MDN, it looks good for beginer like me. Need big effort for me to finish it all

i dont speak english so language is a barrier to me to quickly understand, sometimes i prefer learn by asking & doing like this, but i will do it to learn at. least step by step.

warm regards,

Top Reply

Response title

Attachments

jQuery Forum

Not able to fetch value for edit Data Modal Form, from db through json data response

Replies(8)

Re: Not able to fetch value for edit Data Modal Form, from db through json data response

Re: Not able to fetch value for edit Data Modal Form, from db through json data response

Re: Re: Not able to fetch value for edit Data Modal Form, from db through json data response

Re: Not able to fetch value for edit Data Modal Form, from db through json data response

Re: Not able to fetch value for edit Data Modal Form, from db through json data response

Re: Not able to fetch value for edit Data Modal Form, from db through json data response

Re: Not able to fetch value for edit Data Modal Form, from db through json data response

Re: Not able to fetch value for edit Data Modal Form, from db through json data response

Statistics

Tags

Actions