Javascript 需要使用JQuery追加到select

我需要使用jQuery附加一个HTML选择选项。我有一段代码，当单击下拉菜单时，它会通过AJAX获取子函数。完成后，我还需要添加另一个值为99的选项标记和其他子函数的文本。我的代码：

$.ajax({
    type: "POST",
    data: {function_id: function_id},
    url: '<?php echo WEB_URL; ?>includes/ajax/target_audience_sub_functions.php',
    dataType: 'json',
    success: function(json) {
        var $el = $("#target_audience_sub_function");
        $el.empty(); // remove old options
        $el.append($("<option></option>").attr("value", '').text('Please Select'));
        $.each(json, function(value, key) {
            $el.append($("<option></option>").attr("value", value).text(key));
        });
        $el.append($("<option></option>").attr("value", '99').text('Other sub function'));
    }
});

---

您的代码应该可以工作，我只是尝试了一下，然后按您的需要填充了select

var json={
0:'你好'，
1:“博比”
};
$（函数（）{
var$el=$（“#目标#受众(子)功能”）；
$el.单击（函数（）{
$el.empty（）；//删除旧选项
$el.append（$（“”）.attr（“值”，“请选择”））；
$.each（json、函数（值、键）{
$el.append（$（“”）.attr（“value”，value）.text（key））；
});
$el.append（$（“”）.attr（“value”，“99”）.text（“其他子函数”）；
})
});

请将您的HTML代码添加到主区域。可能存在重复的
<div class="form-group">
    <label for="target_audience_sub_function">Sub-Function</label>
                  <select data-selectedSubFunction="<?php echo (isset($audience)) ? $audience['target_audience_sub_function'] : ''; ?>" class="form-control light_grey_bg ta_sub_function" id="target_audience_sub_function" name="target_audience_sub_function[]">
                      <option value="">-- Choose sub function --</option>
                      <?php $get_functions = $db->get_all('sub_functions');
                        foreach ($get_functions as $function) { ?>
                            <option value="<?php echo $function['sub_function_id']; ?>" <?php echo isset($audience) ? $audience['target_audience_sub_function'] == $function['sub_function_id'] ? "selected='selected'" : "" : ''; ?> ><?php echo $function['sub_function_name']; ?></option>
                       <?php } ?>
                  </select>
              </div>