Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/solr/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改选项(select)元素的值?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 更改选项(select)元素的值?

Javascript 更改选项(select)元素的值?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试选择表单元素的选定值,并用-R附加该值。(这将用于以后的正则表达式匹配)。无论如何,到目前为止,我已经尝试了以下方法: 尝试1: var country = $('select[name=g_country\\['+value+'\\]]').val(); $('select[name=g_country\\['+value+'\\]]').find('option[value=' + value +']').val(country + '-R'); var country = $

我正在尝试选择
表单元素的选定值,并用
-R
附加该值。(这将用于以后的正则表达式匹配)。无论如何,到目前为止,我已经尝试了以下方法:

尝试1:

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

var country = $('select[name=g_country\\['+value+'\\]]').val(); 
$('select[name=g_country\\['+value+'\\]]').find('option[value=' + value +']').val(country + '-R');
var country = $('select[name=g_country\\['+value+'\\]]').val();
$('select[name=g_country\\['+value+'\\]]').val(country + '-R');
我可以看出,选择正确的表单元素(使用
delete_x
,其中
x
是一个数字)效果良好,因为单击
时要禁用的表单元素。选择delete
,但值设置不起作用。底部的注释部分是我用来检查
元素post value change(或者应该是post value change)的值的部分

这里有一个指向我的JSFIDLE的链接:

任何帮助/编辑/回答都将不胜感激

试试这个:

 $('.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也有问题

试试这个:

 $('.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也有问题

终于找到了正确的选择,为@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');
});

终于想出了正确的选择,为@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');
});

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