選擇默認的圖像加載頁面加載

我有一個下拉，其中更改定義的DIV內的圖像。加載頁面時，默認情況下不會選擇任何圖像，只有當您選擇顯示下拉選項時纔會顯示。我希望它在頁面加載時從列表中選擇第一個選項。選擇默認的圖像加載頁面加載

<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>

來源

2014-01-10 JordanC26

使用selected屬性

<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>

的Javascript：

$(document).ready(function() { 
(
$("#eyelash_style_img").html($("<img />", { src: "<?=HTTP_HOST;?>Shopping/Images/" + $(this).val() + ".jpg" })); }); 
});

這個腳本加載頁面加載後的圖像，只是加入document.ready的change函數加載默認的圖像是選擇，您需要both

$("#eyelash_style_select").change(function() { 
$("#eyelash_style_img").html($("<img />", { src: "<?=HTTP_HOST;?>Shopping/Images/" + $(this).val() + ".jpg" })); });

來源

2014-01-10 12:45:01

選擇下拉列表中的選項，但不會自動加載圖像。 – JordanC26

然後在document.ready中寫腳本 –

我編輯了我的代碼 –

只需設置選定的屬性如下。

<option value="1" selected="selected">1</option> 
<option value="2">2</option> 
<option value="3">3</option>

來源

2014-01-10 12:47:27

創建頁面onload事件並在頁面加載後選擇列表中的第一個選項。

$(document).ready(function() { 
(
    $("#eyelash_style_select").prop('selectedIndex', 0); 
});

來源

2014-01-10 12:47:35

選擇默認的圖像加載頁面加載

回答

相關問題