動態JavaScript圖像SRC路徑替換

我想使用JS動態替換頁面上的圖像根據選擇下拉列表中選定的選項的值。下面包含的代碼中的所有內容都完美無缺。我的「selected_text」變量在我的select下拉菜單中正確地拉取了選定的選項的值，但我需要以某種方式將該值寫入替換的img src路徑。如果有人從我的選擇下拉列表中選擇「奧迪」，我想在我的替換img src路徑中寫入「[selected_text]」的「奧迪」。動態JavaScript圖像SRC路徑替換

任何想法？

<script type="text/javascript"> 
function popmake() { 
    var w = document.vafForm.make.selectedIndex; 
    var selected_text = document.vafForm.make.options[w].text; 
    document.getElementById('make-image').src="/path/to/images/[selected_text].jpg"; 
} 
</script>

來源

2010-07-08 aegenes

怎麼樣

document.getElementById('make-image').src="/path/to/images/" + selected_text + ".jpg";

來源

2010-07-08 21:01:48 dalton

太棒了，我知道它會是這樣簡單的事情。我仍然在學習，所以感謝你的幫助！ – aegenes 2010-07-08 21:12:16

很簡單的字符串連接：

document.getElementById('make-image').src="/path/to/images/"+selected_text+".jpg";

來源

2010-07-08 21:00:19 JAL

嗯，你可以有一個字符串地方，比如：

var path_to_images = "/path/to/images/[selected_text].jpg"; 

... code ... 

var selected_text = document.vafForm.make.options[w].text; 

document.getElementById('make-image').src = path_to_image.replace("[selected_text]", selected_text);

來源

2010-07-08 21:01:31

-1

這很簡單

document.getElementById（「image_tag_id」）。src =「set/image/path」+ selected_text +「。jpg」;

如果要設置動態循環，請參閱guide here。它與laravel結合使用。

來源

2017-11-06 15:35:20 ujjal

這沒有幫助。他們已經有了儘可能多的代碼，並且接受的答案是他們需要的（字符串連接）。 – 2017-11-06 16:13:10

我已編輯答案 – ujjal 2017-11-06 16:27:19

動態JavaScript圖像SRC路徑替換

回答

相關問題