Динамическое добавление выпадающего, как я могу получить их идентификатор

Question

Я добавляю и удаляю выпадающий список во время выполнения, и их идентификаторы также генерируют время выполнения, помогите мне, как я могу получить их идентификатор onchnage() событие.

<select class="skill-level valid" data-val="true" data-val-required="Select  District !" id="FarmerLandetails_0__District" name="FarmerLandetails[0].District" onchange="GetTahasil()"><option value="">-- Select District--</option>
<option value="1">BELAGAVI</option>
<option value="2">BAGALKOT</option>
</select>

Вот мое забавное приключение

function GetTahasil() {
        var x = $(this).text();
}

Здесь мои значения идентификатора увеличиваются, как FarmerLandetails_0,1,2,3 .__ Район

Answer 1

Проверьте этот код

<select class="skill-level valid" data-val="true" data-val-required="Select  District !" id="FarmerLandetails_0__District" name="FarmerLandetails[0].District" onchange="GetTahasil(id)"><option value="">-- Select District--</option>
<option value="1">BELAGAVI</option>
<option value="2">BAGALKOT</option>

</select>

В этом коде я делаю изменения в onchange (id)

Answer 2

Этот код должен делать то, что вы хотите:

<select class="skill-level valid" data-val="true"
 data-val-required="Select  District !"
 name="FarmerLandetails[0].District" 
 id="FarmerLandetails_0__District">
<option value="0">-- Select District--</option>
<option value="1">BELAGAVI</option>
<option value="2">BAGALKOT</option>
</select>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $('#FarmerLandetails_0__District').on('change', function() {
            value = "FarmerLandetails_" + $(this).val() + "__District";
            $(this).attr("id", value);
            alert($(this).attr("id"));
        })
    });
</script>