Как передать в скрипт значения из тега select-option?

@alanat · Регистрация: 16.07.2012

Author24 — интернет-сервис помощи студентам

Добрый день.
Пытаюсь сравнить два числа.

HTML5

1
2
3

<span id="chislo1" >1.233</span> <select id="deystviye1" ><option selected>...</option><option >=</option><option >&gt;</option><option >&lt;</option></select> <span id="chislo2">2.555</span><br>
<input type="button" value="Проверить" onclick="addition();">
<div id="resultat"></div>

Javascript

function addition() {
            var a = parseFloat(document.getElementById('chislo1').innerHTML);
            var deystviye1 = document.getElementById('deystviye1').innerHTML; alert (deystviye1);
            var b = parseFloat(document.getElementById('chislo2').innerHTML);
            
            var newc = new Function("return " + a+deystviye1+b);                    
                if (newc()==true) {resultat.innerHTML = "<span class='vernyotvet'>Вы дали верный ответ.</span>";}
        }

Очевидно, что всё, что внутри select id=".., передается в скрипт. Только передаются не ..., =, >, <, а всё вместе с тегами.
Как праильно написать код, чтобы в переменную deystviye1 передавалось только то, что внутри тега option (..., =, >, <)?
Заранее благодарен за ответ.

@Iverycool · 23.05.2020, 23:43

alanat, Смотрите

HTML5

<span id="num1">1.233</span>
<select id="action" ><option selected>...</option><option >=</option><option >&gt;</option><option >&lt;</option></select>
<span id="num2">2.555</span><br>
<input type="button" value="Проверить" onclick="addition();">
<div id="resultat"></div>

Javascript

function addition() {
  const act = action.value.replace('=', '==').replace('...', '');// Для чего эти три точки?
  const res = !!eval(num1.innerText + act + num2.innerText);
  if (res) resultat.innerHTML = "<span class='vernyotvet'>Вы дали верный ответ.</span>";
  else resultat.innerHTML = "<span class='vernyotvet'>Вы дали неверный ответ.</span>";
}

@diadiavova · 24.05.2020, 00:37

Сообщение от alanat

Как праильно написать код, чтобы в переменную deystviye1 передавалось только то, что внутри тега option (..., =, >, <)?

То, что внутри предназначено для того, чтобы это видеть. Нужно использовать атрибут value для опций, тогда все будет просто

HTML5

<select id="deystviye1">
        <option selected value="...">...</option>
        <option value="==">=</option>
        <option value="&gt;">&gt;</option>
        <option value="&lt;">&lt;</option>
    </select>

Теперь при выборе определенного значения из списка, свойство value селекта будет возвращать значение атрибута value выбранной опции

	24.05.2020, 00:37

Как передать в скрипт значения из тега select-option?

Решение