2014-01-25 52 views
0
<script type="text/javascript"> 
     var arr = [{ 
    val: 1, 
    text: 'Option 1' 
     }, { 
    val: 2, 
    text: 'Option 2' 
     }]; 
     $(function() { 
    $('a').click(function() { 
     var sel = $('<select>').appendTo('body'); 
     $(arr).each(function() { 
      sel.append($("<option>").val(this.val).text(this.text)); 
     }); 
     $('<br>').insertBefore(sel); 
     $('<input/>').insertAfter(sel); 
     return false; 
    }); 
      }); 
      </script> 

     </head> 

     <body> 

    <a href="">Add Select Box</a> 

這是我的第一個代碼.....它是做什麼的,上面寫的.....在兩個代碼中構建兩個代碼到jquery中的一個代碼

現在我的第二個代碼如下... 是什麼做的是,在頁面加載它顯示的是從數據庫中獲取的顯示值的選擇框....

<script type="text/javascript"> 
      $(function(){ 
     var items=""; 
     $.getJSON("index_two.php",function(data){ 
     $.each(data,function(index,item) 
     { 
      items+="<option value='"+item.sno+"'>"+item.name+"</option>"; 
     }); 
     $("#a1_title").html(items); 
     }); 
      }); 



       </script> 

       <select id="a1_title"> 
       <option>Default</option> 
      </select> 

在這段代碼index_two.php是我寫我的選擇查詢頁面的名稱是從數據庫中提取值...現在我想合併我的這兩個代碼...就像那個每當我點擊第一個代碼中的錨標記時,它顯示一個選擇框,但是從數據庫中提取值......這兩個代碼是當我單獨運行它們時工作正常,但當我把它們放在一起時不工作......有人可能會建議我一種方法......?

+0

請加http://jsfiddle.net/ – Pesulap

+0

這是什麼意思? – user3138522

+0

我嘗試了代碼,但它不工作在那 – user3138522

回答

0

試試這個:

$(function(){ 
    var items=""; 

    $('a').click(function (e) { 
     e.preventDefault(); //<--------use this instead of 'return false;' 
     var sel = $('<select id="a1_title">').appendTo('body'); 

     $.getJSON("index_two.php",function(data){ 
      $.each(data,function(index,item) { 
      items+="<option value='"+item.sno+"'>"+item.name+"</option>"; 
      }); 

      $("#a1_title").html(items); 

     }); // getjson ends 

    }); // click ends 
}); // doc ready ends 

什麼在我看來,你已經把下面return false;你的數據,因此,如果是這種情況,那麼腳本將停止執行,只要你return false,所以我建議你使用e.preventDefault();作爲建議答案。

+0

它不起作用 – user3138522

+0

這段代碼顯示出一些錯誤 – user3138522

+0

什麼不起作用?什麼是顯示錯誤? – Jai