html，如图选择两个select后，显示出对应的数值。求完整代码

如图面积会根据选择而自动显示出来... 如图
面积会根据选择而自动显示出来展开

 我来答

3个回答

#热议# 海关有哪些禁运商品？查到后怎么办？

百度网友6173e61
推荐于2016-11-02 · TA获得超过161个赞

知道小有建树答主

回答量：162

采纳率：0%

帮助的人：215万

我也去答题访问个人页

关注

展开全部

<!doctype html>
<html>
<head>
<title></title>
<script type="text/javascript">
    window.onload = function () {
        var aSelect = document.getElementsByTagName("select");
        var oDiv = document.getElementById("success");
        aSelect[0].onchange = aSelect[1].onchange = function () {
            oDiv.innerHTML = "面积：" + (aSelect[0].value * aSelect[1].value);
        }
    }
</script>
</head>
<body>
长：
<select>
<option>10</option>
<option>20</option>
<option>30</option>
</select>
宽：
<select>
<option>10</option>
<option>20</option>
<option>30</option>
</select>
<div id="success">面积：</div>
</body>
</html>

更多追问追答

追问

如果我要实现 长A1 宽B1的时候显示C1；长A1宽B2相似C2 ；长A2宽B1显示C3；长A2宽B2显示C4；这样的效果呢？ 显示内容不是直接两个值相乘；麻烦解答下谢谢~

追答

呀 我数学学不好 能解释一下怎么算吗?

本回答被提问者和网友采纳

已赞过 已踩过<

评论收起

匿名用户
2014-04-28

展开全部

<script type="text/javascript" src="jq/js/jquery.js"></script>
<script type="text/javascript">
	$(function(){
		$('input').click(function(){
			var chang=$('#chang :selected').text();
			var kuan=$('#kuan :selected').text();
			var result=chang*kuan;
			alert(chang)
			$('#area').html(result);
		})
		
	})
</script>
</head> 
<body>
长：
<select id="chang">
	<option value='0'>0</option>
	<option value='1'>1</option>
	<option value='2'>2</option>
	<option value='3'>3</option>
	<option value='4'>4</option>
</select>
宽:
<select id="kuan">
	<option value='0'>0</option>
	<option value='1'>1</option>
	<option value='2'>2</option>
	<option value='3'>3</option>
	<option value='4'>4</option>
</select>
<input type="button" value="面积"><span id="area"></span>

已赞过 已踩过<

评论收起

匿名用户
2014-04-28

展开全部

<select>
宽<option value=“#”>—请选择—</option>
<option value=“#”>　　#　　</option>
</select>
高的设置也是一样的

已赞过 已踩过<

评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

html，如图选择两个select后，显示出对应的数值。求完整代码

其他类似问题

为你推荐：