來自html的Javascript img.src

Question

我正在嘗試從選項標簽獲取圖像源，並將其用作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的圖像路徑。 我應該怎么做？

Answer 1

您應該將其放在JS代碼中，僅通過param傳遞值，並應編寫case語句

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應該保存所需圖像的路徑。