jquery - 从下拉菜单更新选项

Question

我目前正在尝试使用 list.gsp 中的脚本更新下拉菜单的值。我正在以 JSON 格式从 Controller 检索 start_time 和 end_time 值，并尝试使用这些新值更新当前的静态下拉列表。

这是我现在更新选项值的调用，但它不起作用:

    $("#mondayStartTime").html(data.days[0].start_time);

这是我的静态下拉菜单，我想使用从特定值 start_time 一直到 end_time 的开始和结束时间下拉菜单进行更新。

    <tr>
        <td style="text-align: center; width: 115px;">
            <select>
                 <option id="mondayStartTime>--Start--</option>

例如 data.days[0].start_time 将返回 09:00:00 和 data.days[0].end_time将返回 17:00:00 并且我想填充开始和结束的下拉列表以具有 9:00-5:00。是否有像我这样的正确方法来更新选项值，或者有更好的方法来实现此目的？

Answer 1

在您的select元素中放入一个id，并通过初始值获取您的选项，然后您可以更改text和value。

<select name="test" id="test">
  <option value="mondayStartTime">--Start--</option>
</select>
<input type='button' id='changeText' value='Change me!' />


$(function(){
    $('#changeText').click(function(){
        $('#test option[value=mondayStartTime]').text("09:00-17:00");
        $('#test option[value=mondayStartTime]').val("09:00,17:00");
    });
});

Working fiddle .