2014-01-25 57 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

相关问题