如何使用jquery在页面加载后动态更新引导可编辑选择输入？

我有以下模板：

<div class="container">

  <h1>X-editable starter template</h1>

  <div>
    <span>Username:</span>
    <a href="#" id="username" data-type="text" data-placement="right" data-title="Enter username">superuser</a>
  </div>

  <div>
    <span>Status:</span>
    <a href="#" id="status"></a>
  </div>


</div>

---

我想做的是用一些新值来更新status下拉列表，比如5,6,7，它应该使用jquery替换/删除1,2,3。有什么建议吗？

如果您想将PHP与ajax jquery结合使用

简单创建文件

xxx.php

$test = array(
 0=>array('value'=>"1",'text'=>'Status 5'),
 1=>array('value'=>"2",'text'=>'Status 6'),
 2=>array('value'=>"3",'text'=>'Status 7')
);
print_r(json_encode($test));

PHP响应将是：

[{
    "value": "1",
    "text": "Status 5"
}, {
    "value": "2",
    "text": "Status 6"
}, {
    "value": "3",
    "text": "Status 7"
}]

在Jquery中，将此响应用作值：

$(document).ready(function () {
    //toggle `popup` / `inline` mode
    $.fn.editable.defaults.mode = 'inline';

    //make username editable
    $('#username').editable();

    //make status editable
    $.post('xxx.php', '', function (res) {
        $('#status').editable({
            emptytext: 'Leer',
            type: 'select',
            title: 'Select status',
            placement: 'right',
            source: res
        });
    });
});

---

您想更改子按钮单击时的下拉菜单吗？？？实际上，我想通过一些ajax调用或jquery将页面加载后的下拉菜单的所有值更改为一些新值。

$(document).ready(function () {
    //toggle `popup` / `inline` mode
    $.fn.editable.defaults.mode = 'inline';

    //make username editable
    $('#username').editable();

    //make status editable
    $.post('xxx.php', '', function (res) {
        $('#status').editable({
            emptytext: 'Leer',
            type: 'select',
            title: 'Select status',
            placement: 'right',
            source: res
        });
    });
});