internet explorer - jquery .change not firing in IE but working in FFOX -

-

i have following html:

<form method="post" action="#" name="dialog_head" id="dialog_head" class="jqtransform">        <ul>         <li class="pdf">             <a title="this pdf document opens in new window" target="_blank" href="#">save pdf</a>         </li>         <li class="print">             <a target="_blank" href="#">print price report</a>         </li>          <li>             <label for="dialog_select">select price report:</label>             <select name="dialog_select" id="dialog_select"><option value="pricereport/13415939">23 april 2010</option> <option value="pricereport/13415510">16 april 2010</option> <option value="pricereport/13415009">09 april 2010</option> <option value="pricereport/13414608">02 april 2010</option> </select>         </li>        </ul> </form>

with following jqquery event listener attached select:

   $('select#dialog_select').live('change', function() {         alert("foo");          //set select value         var $optionval = $(this).val();          if ($optionval != '') {              // remove testing class when new report has been requested             $('#cboxloadedcontent > div').addclass('dialog_loading').removeclass('dialog_loaded');              // call price report , replace current price report             $.ajax({                 type: 'get',                 url: $optionval,                 datatype: 'html',                 cache: true,                 success: function(data) {                      var $finddata = $(data).find('.section1');                      $('.section1').fadeout('fast', function() {                          $('.section1').replacewith($finddata).fadein('fast');                          $('.section1, .section1 table').css({                             'width': '95%',                             'margin': 'auto'                         });                          // testing class when report has been loaded                         $('#cboxloadedcontent > div').removeclass('dialog_loading').addclass('dialog_loaded');                      });                 },                  error: function(xhr, ajaxoptions, thrownerror) {                     // testing class load error                     $('#cboxloadedcontent > div').removeclass('dialog_loading dialog_loaded').addclass('dialog_load_failure');                     alert(xhr.status);                     alert(thrownerror);                 }              });         }      });

this works in ffox not in ie7 , don't know why???

  $('#dialog_select').change(function() { ... });

should trick.

there's no point in prepending id "select" way. thing slow down jquery making isolate select tags. id fastest.

edit - sadat mentioned, code should wrapped in @ least a

$(document).ready(function(){ ... });

if isn't already.


Comments

Post a Comment

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

-
right now, have tool tip pops when hover on edit box. problem tool tip contains multiple error messages , in 1 long line. need have each error message on own line. error messages contained in cstring new line seperating them. my existing code below. bool ontooltiptext(uint, nmhdr* pnmhdr, lresult* presult) { assert(pnmhdr->code == ttn_needtexta || pnmhdr->code == ttn_needtextw); // need handle both ansi , unicode versions of message tooltiptexta* pttta = (tooltiptexta*)pnmhdr; tooltiptextw* ptttw = (tooltiptextw*)pnmhdr; // tchar szfulltext[256]; cstring strtiptext=_t(""); uint nid = pnmhdr->idfrom; if (pnmhdr->code == ttn_needtexta && (pttta->uflags & ttf_idishwnd) || pnmhdr->code == ttn_needtextw && (ptttw->uflags & ttf_idishwnd)) { // idfrom hwnd of tool nid = ::getdlgctrlid((hwnd)nid); } //m_errprojaccel[ch] contains 1 or more error messages each...
Read more

asp.net - In javascript how to find the height and width -

-
i having .aspx , masterpage page. in masterpage loading aspx page . in aspx page design using generating table structure using code-behind server in javascript how find height , width . regards, kumar if you're looking table height , width, should it var tbl = document.getelementbyid('tbldemo'); alert(tbl.offsetwidth + '\n' + tbl.offsetheight);
Read more

c# - DataTable to EnumerableRowCollection -

-
i have datatable according client requirement can contain invalid date "00/00/1999",null,empty string.(typed datset) when collect them enumerables wish convert of invalid forms empty string. (i.e) enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || (how check date invalid date) ? string.empty : order.field<datetime>("orderdate") } how check whether date valid date or not? datetime.tryparse...like given current code: datetime date; enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || !datetime.tryparse(convert.tostring(order.field<datetime...
Read more