来自html选择的Javascript img.src

来自html选择的Javascript img.src,javascript,html,image,src,Javascript,Html,Image,Src,我试图从选项标记获取图像源,并在javascript中将其用作.src。 我面临的问题是,我的select标记上已经有了一个值 <form action="" method="post" name="properties"> <input type="number" name="speed" value="" id="spd"><br> <input type="number" name="angle" value="" id="ang"

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

<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的图像路径。
我应该怎么做呢?

你应该把它放在你的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应保留指向所需图像的路径

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;