[jQuery] Change function doesn't work on IE?
Hi Everybody,
Can anyone help me out with this problem? The following works
perfectly on FireFox.
But the "change" command is not recognized what so ever on IE.
"test.cgi" just returns a string back to be posted on one of the table
columns.
Thanks in advanced!!
Nidya M.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
$('#tbod').bind('change',function() {
$('#tbod input.offer').each(function(number){
if( !this.disabled && this.value && !($
('#offername'+this.name).text())){
var fieldName = this.name;
$.post('/e/test/test.cgi','type=update&o='+this.value
+'&p='+this.name, function(data){
$('#offername'+fieldName).empty();
$('#offername'+fieldName).html(data);
$('#'+fieldName).attr('disabled', true);
});
}
});
});
});
</script>
<style>
div { color:red; }
</style>
</head>
<body>
<table id="myTable" border=1 name="testname">
<thead>
<tr>
<TH>Header1</TH>
<TH>Header2</TH>
<TH>Header3</TH>
<TH>Header4</TH>
</tr>
</thead>
<tbody id="tbod">
<TR><TD id="key">1000</TD><TD>19328.23</TD><TD>changed
client1</TD><TD>2</TD> <TD class="offer"><span class="fieldOffer">
<input id=1000 type="text" class="offer" value="" name=1000 ></span><p
class="key" value=1>1 </TD><TD><div id=offername1000></div></TD>
<TR><TD id="key">1</TD><TD>2</TD><TD>test clientName3</
TD><TD>test campusName3</TD><TD class="offer"><span
class="fieldOffer"> <input id=1 type="text" class="offer" value=""
name=1 ></span><p class="key" value=2>2 </TD><TD><div
id=offername1></div></TD>
</body>
</html>