如何将 onchange 选择的下拉值存储到隐藏的输入字段中？

Question

这是我的 jquery ajax 代码，我在其中完成了下拉填充内容并将 onchange id 存储到隐藏的输入字段中。为什么它不存储到 id 字段中？如果值即将到来，我会检查警报。价值即将到来，但它没有存储到隐藏字段中。

<script type="text/javascript">
$(document).ready(function() {
     $("#village").change(function(){
            $('#hiddenVillage').val( $(this).val());// this code to store id into this field
    }); 
    $('#taluka').change(function() 
            {
            var myObject = {talukaid: $(this).val(),districtid: $('#district').val(), state_id:$('#stateDrop').val()};
            var cpytaluka= $(this).val();
            $('#hiddenTaluka').val($(this).val(cpytaluka));// this code to store id into this field
            $.ajax({  
                  type : "get",   
                  url : "villages.htm",   
                  data : myObject,
                  success : function(response) { 
                    $('#village').append(response);
             },  
                 error : function(e) {  
                  alert('Error: ' + e);   
                 }
            });
    });
     $('#district').change(function() 
                {
                var myObject = {districtid: $(this).val(), state_id:$('#stateDrop').val()};
                var cpydistrict= $(this).val();
                $("#hiddenDistrict").val($(this).val(cpydistrict));// this code to store id into this field
                $.ajax({  
                      type : "get",   
                      url : "taluka.htm",   
                      data : myObject,
                      success : function(response) { 
                        $('#taluka').append(response);
                 },  
                     error : function(e) {  
                      alert('Error: ' + e);   
                     }

                });

        });
         $('#stateDrop').change(function() 
        {
                     var state = $(this).val();
                    $("#hiddenstate").val(state);// this code to store id into this field
                      $.ajax({  
                      type : "get",   
                      url : "district.htm",   
                      data : "State_ID=" + state,  
                      success : function(response) {  
                        $('#district').append(response);
                 }, 
                     error : function(e) {  
                      alert('Error: ' + e);   
                     }
                });
            }); 
        });
</script>

这是我在每个下拉字段下方包含输入字段的表单

<form action="search-Leaders-list" id="searchleader" method="GET">
    <div class="row">
        <div class="form-group col-lg-3">
            <select id="stateDrop"
                title="State &lt;i class=&quot;fa fa-angle-down&quot;&gt;&lt;/i&gt;">
                <option value="small">State</option>
                <c:forEach items="${stateList}" var="state">
                    <option value="${state.state_Id}">${state.state_Name}</option>
                </c:forEach>
            </select> <input type="hidden" id="hiddenstate">
        </div>
        <div class="form-group col-lg-3">
            <select id="district">
                <option value="small">District</option>
            </select> <input type="hidden" id="hiddenDistrict">
        </div>
        <div class="form-group col-lg-2">
            <select id="taluka">
                <option value="small">Taluka</option>
            </select> <input type="hidden" id="hiddenTaluka">
        </div>
        <div class="form-group col-lg-2">
            <select id="village"
                title="Villages &lt;i class=&quot;fa fa-angle-down&quot;&gt;&lt;/i&gt;">
                <option value="small">Villages</option>
            </select> <input type="hidden" id="hiddenVillage">
        </div>
        <div class="form-group col-lg-2">
            <input type="submit" value="Search" class="submit">
        </div>
    </div>
</form>

请帮帮我。

Answer 1

我真的不明白你的问题。如果要获取此下拉框的 id 并将其保存在隐藏字段中。

$('#taluka').change(function() 
        {

        $('#hiddenTaluka').val(this.id);

或 使用

 $('#hiddenTaluka').val($(this).attr('id'));

如果你想存储 dropbox 选中项的值。

 var cpydistrict= $(this).val();
            $("#hiddenDistrict").val(cpydistrict);