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>

$（文档）.ready（函数（）{
$（“#图像”）.change（函数（）{
$（“#图像预览”）.empty（）；
$（“#图像预览”）。追加（“”）；
});
});
-所有-
图1.jpg
图像2.jpg
图像3.jpg

即使您查看小提琴演示，您也会看到它在选择image1等之前不会加载任何内容

我希望imageall.jpg在有人查看fiddle时正确加载

---

谢谢

当select元素值更改时，将触发更改事件。当然，如果需要，您可以自己触发它

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

$（文档）.ready（函数（）{
$（“#图像”）.change（函数（）{
$（“#图像预览”）.empty（）；
$（“#图像预览”）。追加（“”）；
}).change（）；
});

---

当select元素值更改时，更改事件将触发。当然，如果需要，您可以自己触发它

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

$（文档）.ready（函数（）{
$（“#图像”）.change（函数（）{
$（“#图像预览”）.empty（）；
$（“#图像预览”）。追加（“”）；
}).change（）；
});

---

当select元素值更改时，更改事件将触发。当然，如果需要，您可以自己触发它

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

$（文档）.ready（函数（）{
$（“#图像”）.change（函数（）{
$（“#图像预览”）.empty（）；
$（“#图像预览”）。追加（“”）；
}).change（）；
});

---

当select元素值更改时，更改事件将触发。当然，如果需要，您可以自己触发它

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

$（文档）.ready（函数（）{
$（“#图像”）.change（函数（）{
$（“#图像预览”）.empty（）；
$（“#图像预览”）。追加（“”）；
}).change（）；
});

---

您可以尝试在document.ready函数中处理div标签的加载

$（'#image'）.load（'@Url.Action（“GetAllImages”，“ImageController”））

---

您可以尝试在document.ready函数中处理div标记的加载

$（'#image'）.load（'@Url.Action（“GetAllImages”，“ImageController”））

---

您可以尝试在document.ready函数中处理div标记的加载

$（'#image'）.load（'@Url.Action（“GetAllImages”，“ImageController”））

---

您可以尝试在document.ready函数中处理div标记的加载

$（'#image'）.load（'@Url.Action（“GetAllImages”，“ImageController”））

发布了一个关于在加载时触发

.change（）

事件的有趣答案，但如果您有其他绑定到

.change（）

事件的函数，并且如果您修改或更新代码，则不希望触发该事件，则这可能会很复杂

我的方法是调用函数。该函数利用jQuery中可用的链接，并构造

{
src:imgSrc，
alt:'
}));
};
//更新时更新图像预览
$（'#image'）。更改（函数（）{
imgPrev（$（this.val（））；
});
//加载时更新图像预览
imgPrev（$（'#image'）.find（'option[selected]'））.val（）；
});

发布了一个有趣的答案，即在加载时触发

.change（）

事件，但是如果您有其他函数绑定到

.change（）

事件，并且如果您修改或更新代码，则您不想触发该事件，那么这可能会很复杂

我的方法是调用函数。该函数利用jQuery中可用的链接，并构造

{
src:imgSrc，
alt:'
}));
};
//更新时更新图像预览
$（'#image'）。更改（函数（）{
imgPrev（$（this.val（））；
});
//加载时更新图像预览
imgPrev（$（'#image'）.find（'option[selected]'））.val（）；
});

发布了一个有趣的答案，即在加载时触发

.change（）

事件，但是如果您有其他函数绑定到

.change（）

事件，并且如果您修改或更新代码，则您不想触发该事件，那么这可能会很复杂

我的方法是调用函数。该函数利用jQuery中可用的链接，并构造

{
src:imgSrc，
alt:'
}));
};
//更新时更新图像预览
$（'#image'）。更改（函数（）{
imgPrev（$（this.val（））；
});
//加载时更新图像预览
imgPrev（$（'#image'）.find（'option[selected]'））.val（）；
});

发布了一个有趣的答案，即在加载时触发

.change（）

事件，但是如果您有其他函数绑定到

.change（）

事件，并且如果您修改或更新代码，则您不想触发该事件，那么这可能会很复杂

我的方法是调用函数。该函数利用jQuery中可用的链接，并构造

{
src:imgSrc，
alt:'
}));
};
//更新时更新图像预览
$（'#image'）。更改（函数（）{
imgPrev（$（this.val（））；
});
//加载时更新图像预览
imgPrev（$（'#image'）.find（'option[selected]'））.val（）；
});

---

您不能使用imgPrev（$（'#image'）.find（'option[selected]'）.val（））；在代码开始时？？所以，你和穆萨之间的区别在于，他并没有声明一个完整的函数，因为你称它为var-img-Prev，它是fuction@op1001这无关紧要：JS是异步的。你能不能不使用imgPrev（$（'#image'）.find（'option[selected]'）.val（））；在代码开始时？？所以你和穆萨之间的区别在于，他并没有声明一个完整的函数，因为你称它为v