2013-10-29 28 views
0

我有一個jquery對話框,其中我顯示覆選框,它是hardcoded.currently顯示的複選框的數目固定爲硬編碼data.Now中存在一個需求,我需要動態地顯示這些複選框從服務器端使用Java中的servlet實現的數據動態顯示,但我不知道如何從servlet檢索數據並將其顯示爲對話框動態複選框。如何從servlet中獲取數據並在jquery對話框中動態顯示爲複選框

對話框是開放上點擊一個鏈接按鈕..

這裏是包含硬編碼的複選框,並dilaogue框鏈接按鈕點擊事件沿着我的代碼..

var $calltype = $('<div></div>') 
     .html('<form id="calltype" action=""><input type="checkbox" id="LOCAL" name="LOCAL" value="LOCAL" />LOCAL<br /><input type="checkbox" name="STD" id="STD" value="STD" /> STD <br /><input type="checkbox" name="ISD" id="ISD" value="ISD" />ISD<br /><input type="checkbox" name="INCOMING" id="INCOMING" value="INCOMING" />INCOMING<br /><input type="checkbox" name="INET" id="INET" value="INET" />INET<br /></form>') 
     .dialog({ 
      autoOpen: false, 
      title: 'Select Calltype', 
      buttons: { 
       "Submit": function() { $('form#calltype').submit();}, 
       "Cancel": function() {$(this).dialog("close");} 
      } 
     }); 

     $('#callltype').click(function(evt) { 
      selcalltype=""; 
      $calltype.dialog('open'); 
      evt.preventDefault(); 
      // prevent the default action, e.g., following a link 
      return false; 
     }); 

任何幫助將是非常理解..預先 謝謝..

回答

0

使用.on()

作爲元素是ADDE d,因此您無法直接綁定事件。您必須使用Event Delegation

$(document).on('click','#calltype',function(evt) { 
    selcalltype=""; 
    $calltype.dialog('open'); 
    evt.preventDefault(); 
    // prevent the default action, e.g., following a link 
    return false; 
}); 

和你idcalltypecallltype額外l

語法

$(elements).on(events, selector, data, handler); 
0

使用​​爲事件委託一樣,

$(document).on('click','#calltype',function(evt) { 
    selcalltype=""; 
    $calltype.dialog('open'); 
    evt.preventDefault(); 
    // prevent the default action, e.g., following a link 
    return false; 
}); 

而且你使用$( '#callltype'),但它應該是$( '#CALLTYPE'),如果你change the id那麼你的代碼也適用

相關問題