找出使用了三个选择框中的哪一个

debugcn 发表于 Dev

M20

我有一个实体属性的三个三个选择字段。如下图所示（小提琴）。

我试图找到一种方法来检测哪个选择字段已被使用（这是用户单击的最后一个）并获取（提醒它）此选择框的编号（0、1、2）和值被选中。

这段代码的目的是告诉服务器端保存表单时需要考虑的选择框。我将通过 Ajax 发送数据（我知道如何发送，我只需要确定使用了哪个选择框的部分）

<div class="form-group">
<label class="col-sm-2 control-label control-label required">Contenu de l'annonce</label>
<div class="col-sm-10 form-inline">

<select id="_D1_H1">
<option value="" disabled="" selected="" hidden="">label1</option>
<option value="Value1d">Value1d</option>
<option value="Value2">Value2</option>
<option value="Value3">Value3</option>
</select>

<select id="D1_H2">
<option value="" disabled="" selected="" hidden="">label2</option>
<option value="Value4">Value4</option>
<option value="Value5">Value5</option>
</select>

<select id="D1_H3">
<option value="" disabled="" selected="" hidden="">label3</option>
<option value="Value6">Value6</option>
</select>

</div>
 </div>

用户7110739

$('.drp').change(function() {
 let selectedDropdown = $(this).attr('id');
 let selectedValue = $(this).val();
 alert(selectedDropdown);
 alert(selectedValue);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div class="form-group">
    <label class="col-sm-2 control-label control-label required">Contenu de l'annonce</label>
    <div class="col-sm-10 form-inline">

        <select class="drp" id="_D1_H1">
<option value="" disabled="" selected="" hidden="">label1</option>
<option value="Value1d">Value1d</option>
<option value="Value2">Value2</option>
<option value="Value3">Value3</option>
</select>

        <select class="drp" id="D1_H2">
<option value="" disabled="" selected="" hidden="">label2</option>
<option value="Value4">Value4</option>
<option value="Value5">Value5</option>
</select>

        <select class="drp" id="D1_H3">
<option value="" disabled="" selected="" hidden="">label3</option>
<option value="Value6">Value6</option>
</select>

    </div>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。