动态选择选择项javascript / jquery的值

Question

我有一个选项列表，当用户选择其中一个选项时，我想在页面上的另一个类似选择列表中动态选择相同的选项。

所以这些是两个列表：

<select id='b_orientation'><option>Horizontal</option><option>Vertical</option></select>

<select id='orientation'><option>Horizontal</option><option>Vertical</option></select>

现在，在用户更改b_orientation之后，我希望orientation能够反映更改。所以这是相关的代码行：

$('#orientation').val($('#b_orientation'));

但它对orientation没有影响。为什么不呢？

Answer 1

您忘了提及val()

截至目前，您正在添加element而不是element's value。

将您的行更改为

$('#orientation').val($('#b_orientation').val());

Answer 2

您需要获得这样的值 - $('#b_orientation').val()

$('#orientation').val($('#b_orientation').val());

Answer 3

的的jQuery

$('#orientation').val($('#b_orientation').val());

Answer 4

你可以这样做：

$('#b_orientation').change(function(){
    $('#orientation').val(this.value);
});