Question

我的数据列表包含id和groupName。 id为1,2,3,4,5 groupName为朋友，家人，学校，大学，sivagiri。

我正在显示组名，用户选择组名意味着，我想获得选择组的ID。

我的代码是：

          <div class="input-group" style="margin-bottom: 5%">
            <span class="input-group-addon"> <i class="fa fa-users fa-fw"
                style="color: #ffcc33"></i></span> <input class="form-control"
                placeholder="Select Group" id="acqGroup" list="group" />
            <datalist id="group">
            </datalist>

        </div>

和jsp代码：

                            $.each(modelMap.distAcqGroupList, function(index, groupBO) {
                                $("#group").append($("<option></option>").text(groupBO.groupName));

                            });

现在数据列表正在加载完美，并显示选定的值，但我想获取所选值的ID。我试着

                 $("#acqGroup").blur(function() {           
                        var group = $("#acquaintanceGroup").val();
                        alert(group);

                    });

它只显示选择项目文字，我想要id，请帮帮我

Answer 1

$("#acquaintanceGroup :selected").attr('id');

将为您提供所选元素的id 正如@KarelG指出的那样，您应首先将id添加到option元素

Answer 2

如何使用它？

var group = $("#acquaintanceGroupoption option").filter(":selected").attr('id');

如何在html选项表单控件中获取id的值？

2 个答案: