html，怎么实现select显示对应数值
如图，在纵横选择不同数值的时候，下方会自动显示对应的价格出来。求完整代码例如横是10纵是10价格是500，横是10纵是15价格是600，不是直接的加减乘除的关系...
如图，在纵横选择不同数值的时候，下方会自动显示对应的价格出来。求完整代码
例如横是10 纵是10 价格是500， 横是10纵是15 价格是600，不是直接的加减乘除的关系 展开
例如横是10 纵是10 价格是500， 横是10纵是15 价格是600，不是直接的加减乘除的关系 展开
3个回答
展开全部
你的价格怎么计算呢？公式是什么？是10+10，还是10x10，还是其他，请说明清楚！
给你做了一个乘法效果：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>宽高计算</title>
<script type="text/javascript">
function resCalc()
{
numA=document.getElementById("num_a").value;
numB=document.getElementById("num_b").value;
document.getElementById("result").value=Number(numA)*Number(numB);
}
</script>
</head>
<body>
<p>简易计算器：</p>
<form onsubmit="return false">
横：<select id="num_a">
<option>10</option>
<option>20</option>
<option>50</option>
</select>cm *
纵：<select id="num_b">
<option>10</option>
<option>20</option>
<option>50</option>
</select>cm =
<input id="result" onclick="resCalc()" />
</form>
</body>
</html>
</body>
</html>
更多追问追答
追问
,例如横是10 纵是10 价格是500， 横是10纵是15 价格是600，不是直接的加减乘除的关系
追答
还有计算公式么？没有计算公式，是很难一步到位的，不然只能写你这两种情况！
如果是15和15呢？价格是700，还是更多？如果是15和20呢？希望你能给出一个标准公式。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript" src="jq/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('input').click(function(){
var chang=$('#heng :selected').text();
var kuan=$('#zong:selected').text();
var result=heng*zong;
alert(heng)
$('#jiage').html(result);
})
})
</script>
</head>
<body>
横：
<select id="heng">
<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="zong">
<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="jiage"></span>
<script type="text/javascript">
$(function(){
$('input').click(function(){
var chang=$('#heng :selected').text();
var kuan=$('#zong:selected').text();
var result=heng*zong;
alert(heng)
$('#jiage').html(result);
})
})
</script>
</head>
<body>
横：
<select id="heng">
<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="zong">
<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="jiage"></span>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用ajax请求
追问
完整代码能写给我吗？在线等
追答
function GetNr1(name) {
$.ajax({
type: "get", //get获取
url: "{:U('Articleadd/gonggao')}", //执行的方法
success: function(da){ // 成功执行下面的
eval("datas ="+da);
$(".messages1").css("display","block"); //这是class值
$("#xiaoxi1").html(datas.content); //这是div的id值
},
error: function(){ //如果出错，执行函数
alert('Error loading XML document');
}
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
