更改选项（选择）元素的值？答案

【问题标题】：Altering the value of an option (select) element?更改选项（选择）元素的值？
【发布时间】：2011-10-18 09:49:30
【问题描述】：

我正在尝试选择 <select> 表单元素的选定值，并将该值附加到 -R。（这将用于稍后的正则表达式匹配）。无论如何，到目前为止，我已经尝试了以下方法：

尝试 1：

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

尝试 2：

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

我可以看出选择正确的表单元素（使用delete_x，其中x 是一个数字）可以正常工作，因为单击.select-delete 时要禁用的表单元素，但是值设置没有吨。底部的注释部分是我一直用来检查 <select> 元素后值更改（或应该是后值更改）的值。

这是我的 jsFiddle 的链接： http://jsfiddle.net/gPF8X/11/

任何帮助/编辑/答案将不胜感激！

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

试试这个：

 $('.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);
});

您的 HTML 也存在问题。

【讨论】：

.text() 函数适用于 html 标签之间的文本，我需要做的是操作值，而不是其中的文本。另外，您是否有机会指出我遇到的 HTML 问题，因为它看起来不错？
对不起，我的 HTML 不好。我一定是产生了幻觉。它工作正常。
更新了 jquery 代码 - 它现在正在更新选择菜单上的值。

【解决方案2】：

终于想出了正确的选择器，支持@gjohn 的想法。

这是我的最终工作代码，适当地将-R 添加到g_country[x] 的末尾：

$('.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');
});

【讨论】：