Javascript 选择要在页面加载时加载的默认图像
我有一个下拉列表,它在定义的DIV中更改图像。当页面加载时,默认情况下不会选择任何图像,只有当您选择下拉选项时才会显示。我想让它从页面加载列表中选择第一个选项Javascript 选择要在页面加载时加载的默认图像,javascript,html,image,Javascript,Html,Image,我有一个下拉列表,它在定义的DIV中更改图像。当页面加载时,默认情况下不会选择任何图像,只有当您选择下拉选项时才会显示。我想让它从页面加载列表中选择第一个选项 <div id="eyelash_style_img"></div> <select id="eyelash_style_select" name="os0"> <option value="select">-Choose a Style-</option> <o
<div id="eyelash_style_img"></div>
<select id="eyelash_style_select" name="os0">
<option value="select">-Choose a Style-</option>
<option value="L004">L004 </option>
<option value="L005">L005 </option>
<option value="L010">L010 </option>
<option value="L021">L021 </option>
<option value="L024">L024 </option>
<option value="L038">L038 </option>
</select>
<script type="text/javascript">
$("#eyelash_style_select").change(function() {
$("#eyelash_style_img").html($("<img />", { src: "<?=HTTP_HOST;?>Shopping/Images/" + $(this).val() + ".jpg" })); });
</script>
-选择一种风格-
L004
L005
L010
L021
L024
L038
$(“#睫毛风格_选择”).change(函数(){
$(“#睫毛风格_img”).html($($($(购物/图像/“+$(this.val()+”.jpg“})););
使用选定的属性
<select id="eyelash_style_select" name="os0">
<option value="select">-Choose a Style-</option>
<option value="L004" selected>L004 </option>
<option value="L005">L005 </option>
<option value="L010">L010 </option>
<option value="L021">L021 </option>
<option value="L024">L024 </option>
<option value="L038">L038 </option>
</select>
只需如下设置所选属性
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
1
2.
3.
创建页面加载事件,并在页面加载后选择列表中的第一个选项
$(document).ready(function () {
(
$("#eyelash_style_select").prop('selectedIndex', 0);
});
这会选择下拉列表中的选项,但不会自动加载图像。
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
$(document).ready(function () {
(
$("#eyelash_style_select").prop('selectedIndex', 0);
});