オプション（選択）要素の値を変更しますか？

Question

<select>フォーム要素の選択した値を選択し、その値に-Rを追加しようとしています。 （これは後で正規表現マッチングのためになります）。私がいることを正しいフォーム要素の選択を伝えることができ

var country = $('select[name=g_country\\['+value+'\\]]').val(); 
$('select[name=g_country\\['+value+'\\]]').val(country + '-R'); 

：

試み1：

var country = $('select[name=g_country\\['+value+'\\]]').val(); 
$('select[name=g_country\\['+value+'\\]]').find('option[value=' + value +']').val(country + '-R'); 

試み2とにかく、これまでのところ、私は次のことを試してみました（delete_xを使用して、xが数字です）.select-deleteがクリックされたときに無効にするフォーム要素として正常に機能しますが、値の設定しません。下のコメント部分は、<select>要素の値の変更後の値（または変更後の値）を確認するために使用している部分です。

は、ここに私のjsFiddleへのリンクです：http://jsfiddle.net/gPF8X/11/

すべてのヘルプ/編集/答えは非常に高く評価されます！

Answer 1

最終的には、@ gjohnの小道具を右のセレクタが思いついた。

ここに私の最後の作業コードがだ、それは適切g_country[x]の最後に-Rを追加します。

$('.select-delete').click(function() { 
    var value = $(this).attr('id'); 
    value = value.replace('delete_', ''); 

    var country = $('select[name=g_country\\['+value+'\\]]').val(); 
    $('select[name=g_country\\['+value+'\\]] > option:selected').val(country + '-R'); 

    $('select[name=g_country\\['+value+'\\]]').attr('disabled','1'); 
    $('input[name=g_url\\['+value+'\\]]').attr('disabled','1'); 
    $(this).css('display', 'none'); 
}); 

Answer 2

これを試してみてください：だけでなく、あなたのHTMLに問題がある

$('.select-delete').click(function() { 
    var value = $(this).attr('id'); 
    value = value.replace('delete_', ''); 

    var country = $('select[name=g_country\\['+value+'\\]] option:selected').val() + '-R'; 
    alert(country); 

    $('select[name=g_country\\['+value+'\\]] option:selected').val(country); 

    $('select[name=g_country\\['+value+'\\]]').attr('disabled','1'); 
    $('input[name=g_url\\['+value+'\\]]').attr('disabled','1'); 
    $(this).css('display', 'none'); 
    var check = $('select[name=g_country\\['+value+'\\]]').val(); 
    $('#test').append(check); 
}); 

。