<button>传值问题，html中js如何用button传值并跳转到一个新的页面
写一个在线电影选座购票的网页，页面效果如图所示。html代码中具体部分代码为：<divclass="demo"><divid="seat-map"><divclass="...
写一个在线电影选座购票的网页，页面效果如图所示。
html代码中具体部分代码为：
<div class="demo">
<div id="seat-map">
<div class="front">屏幕</div>
</div>
<div class="booking-details">
<p>影片：<span>星际穿越3D</span></p>
<p>时间：<span>11月14日 21:00</span></p>
<p>座位：</p>
<ul id="selected-seats"></ul>
<p>票数：<span id="counter">0</span></p>
<p>总计：<b>￥<span id="total">0</span></b></p>
<button class="checkout-button">确定购买</button> （应该是在这里修改）
<div id="legend"></div>
</div>
</div>
CSS中button的代码为：
.checkout-button {
display: block;
width:80px;
height:24px;
line-height:20px;
margin: 10px auto;
border:1px solid #999;
font-size: 14px;
cursor:pointer
}
老师说在button后面写一个action传值，现在纠结应该怎样写，是把右边那些改成一个form表单一起传到一个servlet的action，还是怎样。
我不太会，希望写细一点。 展开
html代码中具体部分代码为：
<div class="demo">
<div id="seat-map">
<div class="front">屏幕</div>
</div>
<div class="booking-details">
<p>影片：<span>星际穿越3D</span></p>
<p>时间：<span>11月14日 21:00</span></p>
<p>座位：</p>
<ul id="selected-seats"></ul>
<p>票数：<span id="counter">0</span></p>
<p>总计：<b>￥<span id="total">0</span></b></p>
<button class="checkout-button">确定购买</button> （应该是在这里修改）
<div id="legend"></div>
</div>
</div>
CSS中button的代码为：
.checkout-button {
display: block;
width:80px;
height:24px;
line-height:20px;
margin: 10px auto;
border:1px solid #999;
font-size: 14px;
cursor:pointer
}
老师说在button后面写一个action传值，现在纠结应该怎样写，是把右边那些改成一个form表单一起传到一个servlet的action，还是怎样。
我不太会，希望写细一点。 展开
2个回答
展开全部
首先。action的属性是在form上的。但是要想在另一个页面去获取到表单传递过来的值。需要后台实现。例如php
<form action="get.php" method="get">
<input value="123" name="inputValue">
<button type="submit"></button>
</form>
get.php代码
<?php
echo $_GET["inputValue"];这样就可以输出传递过来的值。
?>
另一种方式就是用到cookie的存储方式去传递。一个页面存值。另一个页面去读取。
同样的方式还有localstorage的本地存储方式去传递。
<form action="get.php" method="get">
<input value="123" name="inputValue">
<button type="submit"></button>
</form>
get.php代码
<?php
echo $_GET["inputValue"];这样就可以输出传递过来的值。
?>
另一种方式就是用到cookie的存储方式去传递。一个页面存值。另一个页面去读取。
同样的方式还有localstorage的本地存储方式去传递。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
html中js用button传值并跳转到一个新的页面，我们首先需要的获取到button这个对象，还有button要传的值，然后在通过去Location加上地址链接就行了，这里我写段代码：
<!doctype html>
<html>
<head>
</head>
<script>
var obut = document.getElmentById('but');
Location:'地址链接'; //location的链接地址
alert(obut .value); //获取到button的值
</script>
<body>
<input type='button' value='确认' id='but'>
</body>
<!doctype html>
<html>
<head>
</head>
<script>
var obut = document.getElmentById('but');
Location:'地址链接'; //location的链接地址
alert(obut .value); //获取到button的值
</script>
<body>
<input type='button' value='确认' id='but'>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
