来自 html 选择的 Javascript img.src答案

【问题标题】：Javascript img.src from html select来自 html 选择的 Javascript img.src
【发布时间】：2014-06-11 08:13:59
【问题描述】：

我正在尝试从选项标记中获取图像源，并将其用作 javascript 中的 .src。我面临的问题是我的选择标签上已经有一个值。

<form action="" method="post" name="properties">
    <input type="number" name="speed" value="" id="spd"><br>
    <input type="number" name="angle" value="" id="ang"><br>

    <select name="location">
        <option name="earth" value="9.810">Jorda</option>
        <option name="moon"  value="1.622">Månen</option>
        <option name="mars"  value="3.771" >Mars</option>
        <option name="mercury" value="3.701">Merkur</option>
    </select>

</form>

我已经使用 JS 获取了值。

document.properties.location.value

但我还需要通过相同的选项获取 JS 的图像路径。我该怎么做？

【问题讨论】：

标签： javascript html image src

【解决方案1】：

你应该把它放在你的 JS 代码中，只通过参数传递值你应该做一个案例声明

var ImagePath ="";
switch (document.properties.location.value)
{
    case  "9.810":
        ImagePath = "http:\\.....\image1.jpg";
    break;
    case  '1.622':
        ImagePath = "http:\\.....\image2.jpg";
    break;
    case  '3.771':
        ImagePath = "http:\\.....\image3.jpg";
    break;
    case  '3.701':
        ImagePath = "http:\\.....\image4.jpg";
    break;

}

在此之后，imagepath 应该保存所需图像的路径。

【讨论】：