<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是我写我的选择查询页面的名称是从数据库中提取值...现在我想合并我的这两个代码...就像那个每当我点击第一个代码中的锚标记时,它显示一个选择框,但是从数据库中提取值......这两个代码是当我单独运行它们时工作正常,但当我把它们放在一起时不工作......有人可能会建议我一种方法......?
请加http://jsfiddle.net/ – Pesulap
这是什么意思? – user3138522
我尝试了代码,但它不工作在那 – user3138522