PHP + Jquery根据两个下拉菜单更改文本框的值 [英] PHP + Jquery Change Value of Textbox according to two Dropdown

问题描述

我尝试根据2下拉列表更新文本框值。 1个下拉包含价格1，其他下拉包含价格2，现在我想要当用户选择价格从两个下拉然后文本框显示像 price1 + price2 =总计我怎么可以在单个文本框值？我的价格来自数据库。以下是 FIDDLE

PHP代码

 < div class =three columns> 
< div class =picker> 
< select name =cityrequired> 
< option value =disabled>选择< / option> 
<？php 
 $ result = mysqli_query（$ con，SELECT * FROM area）; 
 while（$ row = mysqli_fetch_array（$ result））
 {
？> 
< option value =New><？php echo $ row ['city']（$。$ row ['area']。 ？>< /选项> 
<？php}？> 
< / select> 
< / div> 
< / div> 
< div class =four columns> 
< div class =picker> 
< select name =positionrequired> 
 
<？php 
 $ result = mysqli_query（$ con，SELECT * FROM pricing）; 
 while（$ row = mysqli_fetch_array（$ result））
 {
？> 
< option value =<？php echo $ row ['position'];？>><？php echo $ row ['position']。 '价钱']。）; ？>< /选项> 
<？php}？> 
< / select> 
< / div> 
< / div> 
< div class =row> 
< div class =two columns> 
总计
< / div> 
< div class =ten columns> 
< div class =field> 
< input class =inputtype =totalid =totalplaceholder =name =totaldisabled /> 
< / div> 
< / div> 
 
< / div> 
  

解决方案

在组合中添加一个类并写入一个事件方式：

  $（'。combo'）。change（function（）{
 $（'＃firstvalue' ）.val（parseInt（$（'＃combo'）。val（））+ parseInt（$（'＃combo1'）。val（）））; 
}）; 
  

FIDDLE DEMO

或者您可以这样做：

$（$（'。combo'）。val（$（'＃combo'）。val（$ ）+++ $（'＃combo1'）val（）+=）;
$（'＃firstvalue1'）val（parseInt（$（' ）+ parseInt（$（'＃combo1'）。val（）））;
}）;

SECOND DEMO

I try to update text box value according to 2 dropdown. 1 drop down contain price1 and other drop down contain price 2, now I want that when user select price from both drop down then textbox display like that "price1 + price2 = total" How can I marge both value in single textbox value ? my price comes from database. Here is FIDDLE

PHP CODE

 <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>

解决方案

add a class on both combo and write one event this way:

$('.combo').change(function() {
    $('#firstvalue').val(parseInt($('#combo').val()) +parseInt($('#combo1').val()));
});

FIDDLE DEMO

or you can do this way:

$('.combo').change(function() {
    $('#firstvalue').val($('#combo').val() +"+"+$('#combo1').val()+"=");
    $('#firstvalue1').val(parseInt($('#combo').val()) +parseInt($('#combo1').val()));
});

SECOND DEMO

这篇关于PHP + Jquery根据两个下拉菜单更改文本框的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！