Javascript jQuery选择（下拉）从数组填充

我现在在这里工作

$(document).ready(function() {
   $("#image").change(function() {
     $("#imagePreview").empty();
        $("#imagePreview").append("<img src=\"" + $("#image").val()  + "\" />");
   });
 });


<select name="image" id="image" class="inputbox" size="1">
   <option value="imageall.jpg" selected> - All - </option>
   <option value="image1.jpg">image1.jpg</option>
   <option value="image2.jpg">image2.jpg</option>
   <option value="image3.jpg">image3.jpg</option>
</select>

<div id="imagePreview">
</div>

从上一个问题：

我想知道如何从jQuery数组中填充

我怎么能这么做？所以基本上是数组中的值和名称

---

这是我将使用的Fiddle中的示例，您可能希望通过这种方式从JSON数组中检索名称和值

var image_maps = {image1: "image1.jpg", image2: "image2.jpg"};
$.each(image_maps , function(name, value) {
    alert("name: " + name + " value: " + value);
});

如图所示：

---

可能重复的代码，请随附解释性注释。

function populateSelect(el, items) {
    el.options.length = 0;
    if (items.length > 0)
        el.options[0] = new Option('please select', '');
    $.each(items, function () {
        el.options[el.options.length] = new Option(this.name, this.value);
    });
}