<select>jQuery AJAXを使用してPHPスクリプトを呼び出し、新しいオプションをデータベースに保存することをお勧めします。これにより、成功すると新しいIDと指定されたオプション名が返され、使用するJavascriptに新しいエントリが追加されます。

新しいデータを含む 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"、$_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);
    });