您需要使用新数据向服务器发送 AJAX 请求，并为这个新选项返回一个 ID。收到 ID 后，您可以option使用新 ID 作为值和用户定义的文本来创建

$('#add button').click(function(){
     /* get value from previous input*/
    var newOpt=$(this).prev().val();
     /* make AJAX "POST" request*/
    $.post( 'path/to/server/file', { newOption: newOpt}, function( newId ){
         /* ajax successfully completed, add new option*/
         $('#options select').append('<option value="'+ newId +'">'+newOpt+'</option>');
    });
    return false; /* prevent browser default handling of button click*/
}) 

在服务器上接收数据，就像使用name="newOption"ie的表单字段一样，$_POST['newOption']然后将新 ID 作为文本发送回

或者，您可以按照您想要的排序顺序将所有选项作为 html 发回，并替换选择中的所有选项。

    /* ajax to replace all options with html from server*/
    $.post( 'path/to/server/file', { newOption: newOpt}, function( response ){
         /* ajax successfully completed, add new option*/
         $('#options select').html( response);
    });

我建议使用 jQuery AJAX 调用 PHP 脚本以将新选项存储到数据库中，成功返回新 ID 和给定选项名称，然后将新条目添加到<select>使用 Javascript。