如何使用 jquery 或 js 将数据/值传递给选择选项？

Question

 <select id="scStatus{{sid.id}}" name="statusclass" class="selectpicker nk-int-st statusclass">
                                            <option selected value=""></option>
                                            <option value="Active">Active</option>
                                            <option value="Suspended">Suspended</option>
                                        </select>

添加了选择选项我想使用 jquery 或 js 更改值我试过这样

$('.statusclass').val(data.job_status); 
 $('.statusclass').change();

 document.getElementsByClassName('statusclass')[0].value = data.job_status

           $('.statusclass option[value="' + data.job_status + '"]').attr("selected", "selected");

在那里

Answer 1

老实说，很难看出您拥有的代码有什么问题。 .val()应该可以完美运行，假设您为其提供有效的选项值。

演示（单击“运行代码片段”，然后单击标记为“单击以更改值”的按钮以查看其运行情况）：

 $(function() { $("#btn").click(function() { var data = { "job_status": "Active" }; $('.statusclass').val(data.job_status); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id="scStatus{{sid.id}}" name="statusclass" class="selectpicker nk-int-st statusclass"> <option selected value=""></option> <option value="Active">Active</option> <option value="Suspended">Suspended</option> </select> <button type="button" id="btn">Click to change value</button>