Javascript 让JS从HTML读取所选内容<;选择>;形式

Javascript 让JS从HTML读取所选内容<;选择>;形式,javascript,html,onchange,Javascript,Html,Onchange,我试图编写一段JS代码,从HTML表单中获取所选选项,阅读它,然后根据选项的内容返回给我 HTML代码如下所示: <select id="mainhand" name="Main hand" onchange="getmh()"> <option value="Sword" selected> Sword </option> <option value="Axe"> Axe </option> <optio

我试图编写一段JS代码,从HTML
表单中获取所选选项,阅读它,然后根据选项的内容返回给我

HTML代码如下所示:

<select id="mainhand" name="Main hand" onchange="getmh()">
    <option value="Sword" selected> Sword </option>
    <option value="Axe"> Axe </option>
    <option value="Mace"> Mace </option>
</select>
<p id="mhchoice">choice</p> 
<p id="mhdesc">description</p>
<p id="mhcost">cost</p>
function getmh(option){
    if (option == "Sword"){
       document.getElementById('mhchoice').innerHTML = 'Sword';
       document.getElementById('mhdesc').innerHTML = swordDesc;
       document.getElementById('mhcost').innerHTML = swordPrice;
       document.getElementById('ProductImage').src = 'sword.png';
    }
    if (option == "Axe"){
        document.getElementById('mhchoice').innerHTML = 'Axe';
        document.getElementById('mhdesc').innerHTML = axeDesc;
        document.getElementById('mhcost').innerHTML = axePrice;
        document.getElementById('ProductImage').src = 'axe.png';
    }    
    if (option == "Mace"){
        document.getElementById('mhchoice').innerHTML = 'Mace';
        document.getElementById('mhdesc').innerHTML = maceDesc;
        document.getElementById('mhcost').innerHTML = macePrice;
        document.getElementById('ProductImage').src = 'mace.png';
    }   
}

我已经在这个问题上纠缠了将近两个小时,我尝试了多种方法,但到目前为止似乎没有任何效果。

正如中提到的那样,您只需将所选值
this.value
传递给函数:

<select id="mainhand" name="Main hand" onchange="getmh(this.value)">

剑
斧头
狼牙棒
选择
描述


cost

正如中提到的@nnnnnn,您只需将所选值
此值传递给函数:

<select id="mainhand" name="Main hand" onchange="getmh(this.value)">

剑
斧头
狼牙棒
选择
描述


cost

我认为你的路很长。 你可以试试这样的

<select id="myValue" onchange="CheckValue()">
    <option value="1">Uno</option>
    <option value="2">Dos</option>
    <option value="3">Tres</option>
</select>
<script>
    function CheckValue() {
        var value = document.getElementById("myValue").value;

        switch (value) {
            // all your conditions
            default:
                //
        }
    }
</script>

联合国组织
磁盘操作系统
特雷斯
函数CheckValue(){
var value=document.getElementById(“myValue”).value;
开关(值){
//你所有的条件
违约:
//
}
}

我想你走的路很长。 你可以试试这样的

<select id="myValue" onchange="CheckValue()">
    <option value="1">Uno</option>
    <option value="2">Dos</option>
    <option value="3">Tres</option>
</select>
<script>
    function CheckValue() {
        var value = document.getElementById("myValue").value;

        switch (value) {
            // all your conditions
            default:
                //
        }
    }
</script>

联合国组织
磁盘操作系统
特雷斯
函数CheckValue(){
var value=document.getElementById(“myValue”).value;
开关(值){
//你所有的条件
违约:
//
}
}

选项
如果在函数调用中没有传递任何参数,则函数内部应该神奇地从何处获取值…?@arszenik如果您得到-1,则表示您的解决方案很容易丢失一些东西,如看不见、想不起来。
onchange=“getmh(this.value)”
选项
如果在函数调用中没有传递任何参数,则函数内部应该神奇地从何处获取值…?@arszenik如果您得到-1,则表示您的解决方案很容易,您丢失了一些东西,如“看不见,忘不了”。
onchange=“getmh(this.value)”
。非常感谢,这让它起作用了,虽然我在这上面浪费了过去的一个小时,直到我意识到我也错过了一个“}”谢谢,这让它起作用了,虽然我在这上面浪费了过去的一个小时,直到我意识到我也错过了一个“}”