Jquery 使选择框只读-显示内容,但不能更改任何选项

Jquery 使选择框只读-显示内容,但不能更改任何选项,jquery,select,find,Jquery,Select,Find,我有一个充满值的选择框。如何在jquery中执行此条件:- 在选择框中搜索选择值 然后删除除具有当前val之外的所有其他val 我尝试了以下方法,但它只能增加新的价值。请帮忙 $('.selectBox') .find('选项') .删除() (完) .append('文本') .val(“NEWval”); 编辑 我的变量中有一个select val,我只想选择“选择”框中的值,并删除所有其他值。我的目的实际上是使选择框为只读。当我尝试使用“禁用”时,它没有从中读取值 编辑2 但是我在选

我有一个充满值的选择框。如何在jquery中执行此条件:-

  • 在选择框中搜索选择值
  • 然后删除除具有当前val之外的所有其他val
我尝试了以下方法,但它只能增加新的价值。请帮忙

$('.selectBox')
.find('选项')
.删除()
(完)
.append('文本')
.val(“NEWval”);
编辑 我的变量中有一个select val,我只想选择“选择”框中的值,并删除所有其他值。我的目的实际上是使选择框为只读。当我尝试使用“禁用”时,它没有从中读取值

编辑2
但是我在选择框中没有得到任何更改。

我想你想要这样的东西:

var option = "ccc";

$('select option:contains(' + option + ')').show().siblings('option').hide();
$('select').val(option);
var option=“ccc”;
$('select option:contains('+option+')).show().sides('option').hide();
$('select').val(可选)

选择。。。
aaa
bbb
ccc
ddd

我想你想要这样的东西:

var option = "ccc";

$('select option:contains(' + option + ')').show().siblings('option').hide();
$('select').val(option);
var option=“ccc”;
$('select option:contains('+option+')).show().sides('option').hide();
$('select').val(可选)

选择。。。
aaa
bbb
ccc
ddd

我想你想要这样的东西:

var option = "ccc";

$('select option:contains(' + option + ')').show().siblings('option').hide();
$('select').val(option);
var option=“ccc”;
$('select option:contains('+option+')).show().sides('option').hide();
$('select').val(可选)

选择。。。
aaa
bbb
ccc
ddd

我想你想要这样的东西:

var option = "ccc";

$('select option:contains(' + option + ')').show().siblings('option').hide();
$('select').val(option);
var option=“ccc”;
$('select option:contains('+option+')).show().sides('option').hide();
$('select').val(可选)

选择。。。
aaa
bbb
ccc
ddd

假设您已从服务器端检索到值='3'-

然后在代码中-

    var value=3;//retrieved value

 $('.selectBox option[val="' + value + '"]')
    .prop('selected', true)
    .siblings()
    .attr('disabled',true);
这是演示-


假设您已从服务器端检索到值='3'-

然后在代码中-

    var value=3;//retrieved value

 $('.selectBox option[val="' + value + '"]')
    .prop('selected', true)
    .siblings()
    .attr('disabled',true);
这是演示-


假设您已从服务器端检索到值='3'-

然后在代码中-

    var value=3;//retrieved value

 $('.selectBox option[val="' + value + '"]')
    .prop('selected', true)
    .siblings()
    .attr('disabled',true);
这是演示-


假设您已从服务器端检索到值='3'-

然后在代码中-

    var value=3;//retrieved value

 $('.selectBox option[val="' + value + '"]')
    .prop('selected', true)
    .siblings()
    .attr('disabled',true);
这是演示-



不清楚您想要什么do@Vohuman如何使用
过滤器
,请给我一个帮助这里清楚吗@PranayRana@SyamiliV,我真的很想帮助您,如果场景清楚,您肯定希望在选择任何值时禁用选择框?正确的?当你序列化表单并且这个框的值没有出现在服务器端时,问题就来了,对吗?@Manoz:谢谢Manoz,但我不会在这里更改选择框。我的意思是我想要一个选择框,但从一开始,它应该能够显示从其他页面检索的select val&在我的变量
m
中,不清楚您想要什么do@Vohuman如何使用
过滤器
,请给我一个帮助这里清楚吗@PranayRana@SyamiliV,如果情况清楚,我真的很想帮你,当选择任何值时,您肯定希望禁用选择框?正确的?当你序列化表单并且这个框的值没有出现在服务器端时,问题就来了,对吗?@Manoz:谢谢Manoz,但我不会在这里更改选择框。我的意思是我想要一个选择框,但从一开始,它应该能够显示从其他页面检索的select val&在我的变量
m
中,不清楚您想要什么do@Vohuman如何使用
过滤器
,请给我一个帮助这里清楚吗@PranayRana@SyamiliV,如果情况清楚,我真的很想帮你,当选择任何值时,您肯定希望禁用选择框?正确的?当你序列化表单并且这个框的值没有出现在服务器端时,问题就来了,对吗?@Manoz:谢谢Manoz,但我不会在这里更改选择框。我的意思是我想要一个选择框,但从一开始,它应该能够显示从其他页面检索的select val&在我的变量
m
中,不清楚您想要什么do@Vohuman如何使用
过滤器
,请给我一个帮助这里清楚吗@PranayRana@SyamiliV,如果情况清楚,我真的很想帮你,当选择任何值时,您肯定希望禁用选择框?正确的?当你序列化表单并且这个框的值没有出现在服务器端时,问题就来了,对吗?@Manoz:谢谢Manoz,但我不会在这里更改选择框。我的意思是我想要一个选择框,但从一开始,它应该能够显示从其他页面检索到的select val&在我的变量
m
Thank Manoz。。请提供旧的JSFIDLE链接,其中选择框值只保留一个值,而其他值保持不可选择。{但我认为首先我们必须做一个“on(change)event”。你能在任何事件发生之前帮我做这个吗。}上面的一个是正确的,但它只是选择了eaxact值。我只想在上面添加一个“无法选择其余的”的功能@SyamiliV,我已经添加并编辑了上面的答案,请查看链接。谢谢。。请提供旧的JSFIDLE链接,其中选择框值只保留一个值,而其他值保持不可选择。{但我认为首先我们必须做一个“on(change)event”。你能在任何事件发生之前帮我做这个吗。}上面的一个是正确的,但它只是选择了eaxact值。我只想在上面添加一个“无法选择其余的”的功能@SyamiliV,我已经添加并编辑了上面的答案,请查看链接。谢谢。。请提供旧的JSFIDLE链接,其中选择框值只保留一个值,而其他值保持不可选择。{但我认为首先我们必须做一个`关于(改变)事件'。你能在任何事件发生之前帮我做这个吗。}上面的一个是co