Question

我正在使用Bootstrap-select - Silvio Moreto并有两个下拉选项。

<strong>Option 1</strong>
<select class="selectpicker" name="number">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>
<br />

<strong>Option 2</strong>
<select class="selectpicker" name="abc">
    <option value="1">A</option>
    <option value="2">B</option>
    <option value="3">C</option>
    <option value="4">D</option>
    <option value="5">E</option>
</select>

和jQuery代码是：

$('.selectpicker').selectpicker({
     style: 'btn-info',
     size: 4
});

现在我正在尝试的是：

如果用户从第一选项中选择3，我想设置从第二选项中选择的C值，并使用与第二选项相同的反向方法。
如果用户从第二选项中选择C，我想设置从第一选项中选择的3值。

我已经编写过jQuery代码，它只使用First Option而不是Second Option。

$('.selectpicker').on('change', function () {
    var opValue = $('.selectpicker').val();
    $('.selectpicker').val(opValue);
    $('.selectpicker').selectpicker('refresh');
});

注意：在我的示例中，值将相同，并且不会更改。

这是JSFiddle示例代码：http://jsfiddle.net/user/mananpatel/

知道该怎么做吗？

感谢。

Answer 1

你走了：

UnicodeString::operator[]

使用$('.selectpicker').selectpicker({ style: 'btn-info', size: 4 }); $('.selectpicker').on('change', function () { var opValue = $(this).val(); console.log(opValue); $('.selectpicker').val(opValue); $('.selectpicker').selectpicker('refresh'); });获取所选组合的值。在您的代码中，您始终使用第一个组合的值。

小提琴：API docs

Answer 2

我就这样做了：

$("select").change(function(){
    $("select").val($(this).val());
    $('.selectpicker').selectpicker('refresh');
});

JSFiddle

带有bootstrap selectpicker的链式下拉列表无效

2 个答案: