Javascript 让JS从HTML读取所选内容<;选择>;形式
我试图编写一段JS代码,从HTMLJavascript 让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
表单中获取所选选项,阅读它,然后根据选项的内容返回给我
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)”
。非常感谢,这让它起作用了,虽然我在这上面浪费了过去的一个小时,直到我意识到我也错过了一个“}”谢谢,这让它起作用了,虽然我在这上面浪费了过去的一个小时,直到我意识到我也错过了一个“}”