[英]Change options in same select based on selected option
As you can see first option (Option 1) is selected by default. 如您所见,默认选择第一个选项(选项1)。 What I want to do is if I select Option 2 to change their places (add Option 1 to list and set selected Option 2).
我想要做的是如果我选择选项2来更改他们的位置(将选项1添加到列表并设置选定的选项2)。
<select id="type" name="type" class="selectpicker" title="Option 1" value="1">
<option>Option 2</option>
<option>Option 3</option>
</select>
My try: 我的尝试:
$('.selectpicker').change(function() {
var currentOptionValue = $('select option:selected').text();
if (currentOptionValue == 'Option 2') {
$(".selectpicker option[value="Option 2"]").text('Option 1');
}
});
Working fiddle . 工作小提琴 。
I think that what you looking for : 我认为你在找什么:
$('.selectpicker').change(function() {
var oldOptionText = $('.selectpicker').attr('title');
var oldOptionValue = $('.selectpicker').attr('value');
var currentOptionText = $('select option:selected').text();
var currentOptionValue = $('select option:selected').attr('value');
$('select option:selected').text(oldOptionText);
$('select option:selected').attr('value', oldOptionValue);
$('.selectpicker').attr('title', currentOptionText);
$('.selectpicker').attr('value', currentOptionValue);
});
Hope this helps. 希望这可以帮助。
i think you are loking for something like that? 我觉得你喜欢这样的东西?
$('.selectpicker').change(function() { var currentOptionValue = $('select option:selected').text(); if (currentOptionValue == 'Option 2') { $(".selectpicker").append(("<option>Option 1</option>")); } });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="type" name="type" class="selectpicker" title="Option 1" value="1"> <option>Option 3</option> <option>Option 2</option> </select>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.