js中select的点击触发

JavaScript012

js中select的点击触发,第1张

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>计算器</title>

</head>

<script>

function calc() {

    var reg = /^\s*|\s$/g

    var first = document.getElementById("first").value.replace(reg, "")

    var opera = document.getElementById("opera").value

    var second = document.getElementById("second").value.replace(reg, "")

    var result = document.getElementById("result")

    

    try {

        var temp = eval(first + opera + second)

        if (temp - parseFloat(temp) >= 0) {

            result.value = temp

        } else {

            result.value = ""

        }

    } catch (e) {

    }

    return false

}

</script>

<body>

<div style="text-align:center">

超级简单计算器

<form>

<input type="text" id="first" onkeyup="calc()"/>

<select id="opera" onchange="calc()">

<option value="+">+</option>

<option value="-">-</option>

<option value="*">*</option>

<option value="/">/</option>

</select>

<input type="text" id="second" onkeyup="calc()"/>

<input type="button" value="=" onclick="calc()">

<input type="text"  id="result" />

</form></div>

</body>

</html>

你好 你所指的清空是什么 select 清空应该是清空所有的 option

那么 jquery代码如下

function clearAll(){

$("select").empty()//empty方法会清空 所有子元素 保留自己

}

而且顺便说一句 select某个选中 是由 某个option的selected=“selected”来做到的