Я пытаюсь написать кусок кода JS, который получит выбранный вариант из формы HTML <select>
, прочитайте его, а затем верните мне что-нибудь в зависимости от того, какой вариант был ,Получение JS для чтения выбора из HTML <select> form
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>
и JS, как это:
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';
}
}
Я застрял на этом в течение почти двух часов в настоящее время, я попробовал несколько вещей но пока ничего не работает.
И функция 'option' внутри функции должна магически получать значение от того, где именно, если вы не передаете какой-либо параметр в вызове функции ...? – CBroe
@arszenik, если вы получите -1, это ваше решение легко, вы упускаете из виду что-то вроде с глаз долой. –
'onchange =" getmh (this.value) ". – nnnnnn