本文介绍了jQuery的的getJSON填充选择菜单的问题的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我用填充一个的getJSON选择菜单。我想知道如果有，我可以使用jQuery的。每个功能带来这些价值的方式？
当然，必须有一个更简单的方法来做到这一点...也许？
PHP文件：
＆LT; PHP
$ queryMonth =SELECT monthID，每月从月;
$结果= $ DB-＆GT;查询（$ queryMonth）;
而（$ rowMonth = $ DB-＆GT; FETCH_ASSOC（$结果））：
$数据[] = $ rowMonth;
ENDWHILE;
回声json_en code（$的数据）;
？＆GT;
jQuery的：
$ .getJSON（'selectMenus.php'，功能（数据）{
$（select.month）追加（＆LT;期权价值=+数据[0] .monthID +＆gt;中+数据[0] .month +＆LT; /选项＆gt;中）;
$（select.month）追加（＆LT;期权价值=+数据[1] .monthID +＆gt;中+数据[1] .month +＆LT; /选项＆gt;中）;
$（select.month）追加（＆LT;期权价值=+数据[2] .monthID +＆gt;中+数据[2] .month +＆LT; /选项＆gt;中）;
$（select.month）追加（＆LT;期权价值=+数据[3] .monthID +＆gt;中+数据[3] .month +＆LT; /选项＆gt;中）;
$（select.month）追加（＆LT;期权价值=+数据[4] .monthID +＆gt;中+数据[4] .month +＆LT; /选项＆gt;中）;
$（select.month）追加（＆LT;期权价值=+数据[5] .monthID +＆gt;中+数据[5] .month +＆LT; /选项＆gt;中）;
$（select.month）追加（＆LT;期权价值=+数据[6] .monthID +＆gt;中+数据[6] .month +＆LT; /选项＆gt;中）;
$（select.month）追加（＆LT;期权价值=+数据[7] .monthID +＆gt;中+数据[7] .month +＆LT; /选项＆gt;中）;
$（select.month）追加（＆LT;期权价值=+数据[8] .monthID +＆gt;中+数据[8] .month +＆LT; /选项＆gt;中）;
$（select.month）追加（＆LT;期权价值=+数据[9] .monthID +＆gt;中+数据[9] .month +＆LT; /选项＆gt;中）;
$（select.month）追加（＆LT;期权价值=+数据[10] .monthID +＆gt;中+数据[10] .month +＆LT; /选项＆gt;中）;
$（select.month）追加（＆LT;期权价值=+数据[11] .monthID +＆gt;中+数据[11] .month +＆LT; /选项＆gt;中）;
}）;
我的JSON输出是这样的：
<$p$p><$c$c>[{"monthID":"1","month":"January"},{"monthID":"2","month":"February"},{"monthID":"3","month":"March"},{"monthID":"4","month":"April"},{"monthID":"5","month":"May"},{"monthID":"6","month":"June"},{"monthID":"7","month":"July"},{"monthID":"8","month":"August"},{"monthID":"9","month":"Septemeber"},{"monthID":"10","month":"October"},{"monthID":"11","month":"November"},{"monthID":"12","month":"December"}]解决方案
使用 @ RaYell 的方法....这是什么工作对我来说：
$。的getJSON（months.php'，功能（数据）{
VAR HTML ='';
VAR的len = data.length;
对于（VAR I = 0; I＆LT; LEN;我++）{HTML + ='＆LT;期权价值=+数据[I] .monthId +'＆GT; +数据[I] .month +'＆LT; /选项＆GT;';
}
$（'select.month'）追加（HTML）;
}）;
感谢大家的帮助在此！
I am populating a select menu with getJSON. I am wondering if there's a way that I can use jQuery's .each function to bring in these values?
Surely there must be an easier way to accomplish this...maybe?
PHP file:
<?php
$queryMonth = "SELECT monthID, month FROM months";
$result = $db->query($queryMonth);
while($rowMonth = $db->fetch_assoc($result)) :
$data[] = $rowMonth;
endwhile;
echo json_encode($data);
?>
The jQuery:
$.getJSON('selectMenus.php', function(data){
$("select.month").append("<option value=" + data[0].monthID + ">" + data[0].month + "</option>");
$("select.month").append("<option value=" + data[1].monthID + ">" + data[1].month + "</option>");
$("select.month").append("<option value=" + data[2].monthID + ">" + data[2].month + "</option>");
$("select.month").append("<option value=" + data[3].monthID + ">" + data[3].month + "</option>");
$("select.month").append("<option value=" + data[4].monthID + ">" + data[4].month + "</option>");
$("select.month").append("<option value=" + data[5].monthID + ">" + data[5].month + "</option>");
$("select.month").append("<option value=" + data[6].monthID + ">" + data[6].month + "</option>");
$("select.month").append("<option value=" + data[7].monthID + ">" + data[7].month + "</option>");
$("select.month").append("<option value=" + data[8].monthID + ">" + data[8].month + "</option>");
$("select.month").append("<option value=" + data[9].monthID + ">" + data[9].month + "</option>");
$("select.month").append("<option value=" + data[10].monthID + ">" + data[10].month + "</option>");
$("select.month").append("<option value=" + data[11].monthID + ">" + data[11].month + "</option>");
});
my json output looks like this:
[{"monthID":"1","month":"January"},{"monthID":"2","month":"February"},{"monthID":"3","month":"March"},{"monthID":"4","month":"April"},{"monthID":"5","month":"May"},{"monthID":"6","month":"June"},{"monthID":"7","month":"July"},{"monthID":"8","month":"August"},{"monthID":"9","month":"Septemeber"},{"monthID":"10","month":"October"},{"monthID":"11","month":"November"},{"monthID":"12","month":"December"}]
解决方案
Using @RaYell's method....this is what worked for me:
$.getJSON('months.php', function(data){
var html = '';
var len = data.length;
for (var i = 0; i < len; i++) {html += '<option value="' + data[i].monthId + '">' + data[i].month + '</option>';
}
$('select.month').append(html);
});
Thanks to everyone for your help on this!!
这篇关于jQuery的的getJSON填充选择菜单的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！