Question

我正在使用具有2个值的下拉列表。在从这个下拉列表中选择值时，我会在选择条件下显示2个下拉列表中的一个。我正在使用jquery来显示和隐藏这些下拉列表。问题是我没有从下拉列表中获取所有值。让我通过exapmle解释：下拉列表中有两个选项：Contract和Exception。它适用于Contract，但是当我选择Exception时，它会在下拉列表中显示正确的值（er_hidden_div），但是当我选择它们并使用alert时，它会显示我之前选择的旧值（Contract_cc_hidden_div）：下面是我的代码。

<script>
$(document).ready(function() {  
$('#PrgDrpDwn_Program').change(function(){
    var value = $("#PrgDrpDwn_Program option:selected").val();
       if(value=='Contract Compliance')
       {
            alert(value);
            $('#cc_hidden_div').css('display','block');
            $('#er_hidden_div').css('display','none');  
       }
       else
        {
            alert(value);
            $('#er_hidden_div').css('display','block');
            $('#cc_hidden_div').css('display','none');
       }
    });
 });

        $('select[name="PrgDrpDwn1_Area"]').change(function(){
        var value_area= $("select[name='PrgDrpDwn1_Area'] option:selected").val();
        alert(value_area);
        });
  });
</script>

以下是我的HTML代码：

<div class="form-group" id="miscellaneous_program" name="miscellaneous_program" class="" style="display:none;">
        <label class="col-sm-5 control-label">Select Program New:</label>
                <select id="PrgDrpDwn_Program" name="PrgDrpDwn_Program" class="PrgDrpDwn_Program custom-dropdown__select custom-dropdown__select--emerald w348">
                    <option value="0">----Select----</option>
                    <option value="Contract Compliance">Contract Compliance</option>
                    <option value="Exception Reporting">Exception Reporting</option>
                </select>               
     </div>

<div class="form-group" id="cc_hidden_div" name="cc_hidden_div" class="cc_hidden_div" style="display:none;">
      <label class="col-sm-5 control-label">Area New</label>
            <select id="PrgDrpDwn_cc" name="PrgDrpDwn1_Area" class="custom-dropdown__select custom-dropdown__select--emerald w348">
                    <option value="-1">----Select----</option>
                    <option value="Staples">Staples</option>
                    <option value="GdfSuez">GdfSuez</option>
                    <option value="Fedex">Fedex</option>
            </select>
    </div>

<div class="form-group" id="er_hidden_div" name="er_hidden_div" class="er_hidden_div" style="display:none;">
      <label class="col-sm-5 control-label">Area New</label>
            <select id="PrgDrpDwn_er" name="PrgDrpDwn1_Area" class="custom-dropdown__select custom-dropdown__select--emerald w348">
                    <option value="-1">----Select----</option>
                    <option value="Staples">Staples</option>
                    <option value="PCard Due">PCard Due</option>
            </select>
    </div>

Answer 1

尝试以下代码。使用＃-id选择器

$(document).ready(function() 
        {  
            $('#PrgDrpDwn_Program').change(function()
            {
                var value = $("#PrgDrpDwn_Program option:selected").val();
                if(value=='Contract Compliance')
                {
                    alert(value);
                    $('#cc_hidden_div').css('display','block');
                    $('#er_hidden_div').css('display','none');  
                }
                else
                {
                    alert(value);
                    $('#er_hidden_div').css('display','block');
                    $('#cc_hidden_div').css('display','none');
                }
            });


            $('#PrgDrpDwn_cc').change(function()
            {
                var value_area= $("#PrgDrpDwn_cc option:selected").val();
                alert(value_area);
            });

            $('#PrgDrpDwn_er').change(function()
            {
                var value_area= $("#PrgDrpDwn_er option:selected").val();
                alert(value_area);
            });
        });

Answer 2

使用上面的代码添加这些代码以按请求获取值并按如下方式比较值：

   $dropdown_program=$_REQUEST["PrgDrpDwn_Program"];
   $dropdown_area_cc=$_REQUEST["PrgDrpDwn1_Area_cc"];
   $dropdown_area_er=$_REQUEST["PrgDrpDwn1_Area_er"];
   $dropdown_area_rr=$_REQUEST["PrgDrpDwn1_Area_rr"];
----------------------------------------------------------
elseif($_REQUEST["select_import"] == "Miscellaneous")
if($dropdown_area_cc=="Staples")
{}
else{}
if($dropdown_area_cc=="Gdfsuez")
{}
else{}

如何显示不同的下拉列表并从下拉列表中获取值的选择值

2 个答案: