Javascript PHP+Jquery根据两个下拉列表更改Textbox的值
我尝试根据2下拉列表更新文本框值。1下拉菜单包含价格1和其他下拉菜单包含价格2,现在我想,当用户从两个下拉菜单中选择价格时,文本框显示为价格1+价格2=总计,我如何在单个文本框值中对这两个值加边距?我的价格来自数据库。这是 PHP代码Javascript PHP+Jquery根据两个下拉列表更改Textbox的值,javascript,php,jquery,html,drop-down-menu,Javascript,Php,Jquery,Html,Drop Down Menu,我尝试根据2下拉列表更新文本框值。1下拉菜单包含价格1和其他下拉菜单包含价格2,现在我想,当用户从两个下拉菜单中选择价格时,文本框显示为价格1+价格2=总计,我如何在单个文本框值中对这两个值加边距?我的价格来自数据库。这是 PHP代码 <div class="three columns"> <div class="picker"> <select name="city" req
<div class="three columns">
<div class="picker">
<select name="city" required>
<option value="" disabled>Select</option>
<?php
$result = mysqli_query($con,"SELECT * FROM area");
while($row = mysqli_fetch_array($result))
{
?>
<option value="New"><?php echo $row['city']."( $ ".$row['area'].")";; ?></option>
<?php } ?>
</select>
</div>
</div>
<div class="four columns">
<div class="picker">
<select name="position" required>
<?php
$result = mysqli_query($con,"SELECT * FROM pricing");
while($row = mysqli_fetch_array($result))
{
?>
<option value="<?php echo $row['position']; ?>"><?php echo $row['position']."( $ ".$row['price'].")"; ?></option>
<?php } ?>
</select>
</div>
</div>
<div class="row">
<div class="two columns">
Total
</div>
<div class="ten columns">
<div class="field">
<input class="input" type="total" id="total" placeholder="" name="total" disabled/>
</div>
</div>
</div>
在combo上添加一个类,并按以下方式编写一个事件:
$('.combo').change(function() {
$('#firstvalue').val(parseInt($('#combo').val()) +parseInt($('#combo1').val()));
});
$('.combo').change(function() {
$('#firstvalue').val($('#combo').val() +"+"+$('#combo1').val()+"=");
$('#firstvalue1').val(parseInt($('#combo').val()) +parseInt($('#combo1').val()));
});
或者您可以这样做:
$('.combo').change(function() {
$('#firstvalue').val(parseInt($('#combo').val()) +parseInt($('#combo1').val()));
});
$('.combo').change(function() {
$('#firstvalue').val($('#combo').val() +"+"+$('#combo1').val()+"=");
$('#firstvalue1').val(parseInt($('#combo').val()) +parseInt($('#combo1').val()));
});
您可以通过使用变量来执行此操作: 如果你想要两个下拉选项的总和,那么你必须给出第二个下拉列表的整数值,而不是像字符串一样的a3,a4应该是3,4。请参阅演示html
$(document).ready(function() {
price1=0;
price2 =0;
$('#combo').change(function() {
price1= this.value;
$('#firstvalue').val(parseInt(price1)+parseInt(price2));
});
$('#combo1').change(function() {
price2 = this.value;
$('#firstvalue').val(parseInt(price1)+parseInt(price2));
});
});
用这个
$(document).ready(function() {
$('.combo').change(function() {
$('#firstvalue').val(parseInt($('#combo').val()) +parseInt($('#combo1').val()));
});
$('#combo1').change(function() {
$('#firstvalue1').val($('#combo1').val());
});
});
嗨,这就是我想要的,但是我怎样才能添加加法呢?若值1为5,第二个值为12,则文本框中的结果类似于5+12=17