Question

如何使用数据库中的数据突出显示多个html选择标记中的选定值？

 <select required name="PrevOptns" id="PrevOptns" size="7" multiple class="select_with_label_wide"><option id="Avoid mosquito bites">Avoid mosquito bites</option>
                        <option id="Get protection from traditional healer">Get protection from traditional healer</option>
                        <option id="Other">Other</option>
                        <option id="Don't know">Don't know</option>
                    </select>

以下是我从数据库中提取数据的j查询脚本：

$.ajax({
            type: "GET",
            url: "database/Emarps/websrvc/websrvc.php?task=getData&UUID=" + currentuuid + "&DataGt=hk",
            dataType: "JSON",
            success: function (response) {

                $('#PrevOptns option[value=' + response[0].prev_optns + ']').attr('selected', true);
            }
        });

如何根据数据库中返回的值突出显示/选择html选择标记？

Answer 1

让每个选项都有一个值attr（<option value="something">），然后使用$('#PrevOptns').value();

Answer 2

使用 prop()

$('#PrevOptns option[value=' + response[0].prev_optns + ']').prop('selected', true);

或使用 attr()

$('#PrevOptns option[value=' + response[0].prev_optns + ']').attr("selected","selected");

突出显示HTML Select标记中的值

2 个答案: