<submit>值更改时更改功能

时间:2018-03-22 12:52:44

标签: html

我正在尝试制作一个简单的计算器。到目前为止,我已经能够一次做一个算法(+ - x /)。现在,我想制作一个具有提交菜单的计算器,该菜单可以选择您想要做的事情。我的代码是这样的:

<input type="text" id="inputone">


<select>

<option>
  +
</option>

<option>
-
</option>

<option>
x
</option>

<option>
/
</option>

</select>

<input type="text" id="inputtwo">

<p> = </p>

<p id="answer"></p>

<script>
 //Some code...
</script>

<button onclick="ad()">Solve</button>

我研究了一下,我还没有找到一个很好的方法来做到这一点。任何帮助都会非常感激,因为我已经编写了不到一年的时间。

1 个答案:

答案 0 :(得分:1)

HTML中的<option></option>元素有一个名为value的属性,您可以在JavaScript中使用该属性,以便了解您需要执行的操作。

例如,如果您的用户选择*操作。在您要添加到按钮的click事件中,您可以通过DOM API及其.value属性获取该值:

function defineOperation() {
  var operation = document.getElementById('select-id').value;
  // conditions go here to decide what operation to execute
}