动态添加下拉菜单如何获取其ID

时间:2019-11-08 05:45:46

标签: javascript jquery

我正在运行时添加和删除下拉列表,它们的ID也正在生成运行时间,请帮助我如何获取其ID 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();
}

这里我的id值像FarmerLandetails_0,1,2,3 .__ District

2 个答案:

答案 0 :(得分: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)

答案 1 :(得分:0)

此代码应执行您想要的操作:

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