我想在提交表单后在 javascript 弹出窗口(定义如下)中显示此表单的数据。我已经尝试了几种方法,但没有一种方法有效。
<form name="form1">
<br />Select your vehicle<select class="selectv" name="selectv" style="width:160px">
<option>-- select your vehicle --</option>
<option value="taxi">taxi</option>
<option value="Limousine">Limousine</option>
</select><br />
<br />Additional Stops<select class="astops" name="astops" style="width:50px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select><br />
<br />Front facing baby seat <select class="ffbs" name="ffbs" style="width:50px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select><br />
<br />Rear facing baby seat <select class="rfbs" name="rfbs" style="width:50px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select><br />
<br />Booster seat <select class="bs" name="bs" style="width:50px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<br /><br />Luggage Trailer <select class="lt" name="lt" style="width:50px">
<option value="0">0</option>
<option value="1">1</option>
</select>
<br />
<br /><input class="show-popup" type="submit" value="Get Quote" onclick="display();">
</form>
这是弹出窗口的 html
<div class="overlay-bg">
<div class="overlay-content">
<button class="close-btn">x</button>
<h3>Your fare</h3>
<button class="ok-btn">Ok</button>
</div>
</div>
这是弹出窗口的 javascript
$(document).ready(function(){
$('.show-popup').click(function(event){
event.preventDefault();
$('.overlay-bg').show();
});
$('.close-btn').click(function(){
$('.overlay-bg').hide();
});
$('.ok-btn').click(function(){
$('.overlay-bg').hide();
});
});
& 我已经创建了这个函数来在弹出窗口中添加表单数据,但它不起作用。
(function display(){
message = "<ul><li><b>Pickup: </b>" + document.form1.pick.value;
message += "<li><b>Vehicle: </b></li>" + document.form1.selectv.value;
message += "<li><b>Additional stops: </b></li>" + document.form1.astops.value;
message += "<li><b>Front facing baby seat: </b></li>" + document.form1.ffbs.value;
message += "<li><b>Rear facing baby seat: </b></li>" + document.form1.rfbs.value;
message += "<li><b>Booster seat: </b></li>" + document.form1.bs.value;
message += "<li><b>Luggage trailer: </b></li>" + document.form1.lt.value + </ul>";
document.write(message);
});
谁能帮我 ?
提前致谢