Dynamically adding radio buttons using JQUERY and then hooking up the jquery change event to the gen
Posted
by Barry
on Stack Overflow
See other posts from Stack Overflow
or by Barry
Published on 2010-03-15T13:18:02Z
Indexed on
2010/03/15
13:19 UTC
Read the original article
Hit count: 283
jQuery
i am adding collection of radio buttons to my page using jquery below
$(document).ready(function() { $("#Search").click(function() { var keyword = $('#keyWord').val(); var EntityType = $("#lstEntityTypes :selected").text();
var postData = { type: EntityType, keyWord: keyword };
// alert(postData.VehicleType);
$.post('/EntityLink/GetJsonEntitySearchResults', postData, function(GRdata) {
var grid = '<table><tr><td>ID</td><td>Name</td><td></td>';
for (var i = 0; i < GRdata.length; i++) {
grid += '<tr><td>';
grid += GRdata[i].ID;
grid += '</td><td>';
grid += GRdata[i].EntityName;
grid += '</td><td>';
grid += '<input type="radio" name="EntitiesRadio" value="' + GRdata[i].ID + '" />';
grid += '</td></tr>';
}
grid += '</table>';
alert(grid);
$("#EntitySearchResults").html(grid);
$("EntitiesRadio").change(function() {
alert($("EntitiesRadio :checked").val());
$("EntityID").val($("EntitiesRadio :checked").val());
alert($("EntityID").val());
$("EntityName").val($("#lstEntityTypes :selected").text());
});
});
});
//
});
so when page loads there is not EntitiesRadio name range, so i tried to register the entitiesRadio change function inside the same search click method but it isnt registering. how do i get the change event to fire to update my hidden inputs
© Stack Overflow or respective owner