Javascript 显示图像的If语句

我的代码有问题。 我有一组选项，根据用户选择的选项，应该为每个选项生成不同的图像

这是我身体里的东西——选择菜单和一个空div，在调用函数时等待填充

<form>
<select name="choice" id="choice" size="3" onchange="createDoll(this.value)">
<option value="0">Vintage</option>
<option value="1">Plaid</option>
<option value="2">Skater</option>
<option value="3">Maxi</option>
</select>
</form>

<div id="display_here">
</div>

酿造的
格子呢
滑冰运动员
马克西

我的Javascript包含以下内容：

function createDoll(userChoice)
{
    // clear the div where result is displayed
document.getElementById("display_here").innerHTML = "";

// defined names
var choices = new Array("Vintage", "Plaid", "Skater", "Maxi");


// output sentence
var sentence = "<p>You picked a " + choices[userChoice] + " doll.</p>"



if ( (userChoice == 0) || (userChoice == 1))
{
    // create a sentence
    // display image    
    document.getElementById("display_here").innerHTML = sentence + "image goes here";

函数createDoll（userChoice）
{
//清除显示结果的div
document.getElementById（“display_here”）.innerHTML=“”；
//定义名称
var选项=新阵列（“复古”、“格子”、“溜冰者”、“Maxi”）；
//输出句
var-station=“您选择了一个“+choices[userChoice]+”玩偶。
”
if（（userChoice==0）| |（userChoice==1））
{
//造句
//显示图像
document.getElementById（“display_here”）.innerHTML=句子+“image goes here”；

在保存文本“image goes here”的位置，我希望显示图像，但不知道如何显示。我尝试了图像标记并将图像设置为变量，但没有任何效果。有什么想法吗？

试试这个

<select name="choice" id="choice" size="3" onchange="createDoll(this.value)">
    <option value="0">Vintage</option>
    <option value="1">Plaid</option>
    <option value="2">Skater</option>
    <option value="3">Maxi</option>
</select>
<div id="display_here"></div>

酿造的
格子呢
滑冰运动员
马克西

函数createDoll（userChoice）{
var output=document.getElementById（“此处显示”）；
output.innerHTML=“”；
变量链接=[
"http://www.dreamomania.info/dreamdictionary/wp-content/uploads/2013/02/V.jpg",
"http://i452.photobucket.com/albums/qq248/lostvegasvip/Burning-letter-P-psd26647.png",
"http://www.arro-signs.co.uk/red-letter-s.jpg",
"http://colleenmorrow.com/wp-content/uploads/2011/09/the-letter-m.png"
];
var选项=[“复古”、“格子”、“溜冰者”、“马克西”]；
var-station=“您选择了一个“+choices[userChoice]+”玩偶。
”
var img=“”；
output.innerHTML=句子+img；
}

---

显示您实际尝试了什么，以便能够解释您的错误所在。这段代码有效吗？就像您在函数中尝试了console.log或alert一样？@gibberish：对于非常简单的场景，这不是一个好的建议。这是一个大学项目，所以我无法使用jQuery。我对代码也比较陌生！@gibberish：这是什么意思“这些”场景？这很简单。你是我的宝贝。谢谢！

function createDoll(userChoice) {
    var output = document.getElementById("display_here");
    output.innerHTML = "";

    var links = [
        "http://www.dreamomania.info/dreamdictionary/wp-content/uploads/2013/02/V.jpg",
        "http://i452.photobucket.com/albums/qq248/lostvegasvip/Burning-letter-P-psd26647.png",
        "http://www.arro-signs.co.uk/red-letter-s.jpg",
        "http://colleenmorrow.com/wp-content/uploads/2011/09/the-letter-m.png"
    ];

    var choices = ["Vintage", "Plaid", "Skater", "Maxi"];
    var sentence = "<p>You picked a " + choices[userChoice] + " doll.</p>"
    var img = '<img src="' + links[userChoice] + '">';

    output.innerHTML = sentence + img;
}