jquery - JQuery 在单击时将值从径向传递到选择菜​​单。

Question

我想在单击时将值从径向传递到选择菜​​单。

<input type="radio" name="option[229]" value="23" id="option-value-23">
<input type="radio" name="option[229]" value="24" id="option-value-24">

<select name="option[229]" id="option-value-17">
 <option value="23">Barcelona Orange</option>
 <option value="24">Chateau Grey</option>
</select>

所以例如当我点击

<input type="radio" name="option[229]" value="24" id="option-value-24">

它将选择菜单更改为（两个字段在同一页面上）

<select name="option[229]" id="option-value-17">
 <option value="23">Barcelona Orange</option>
 <option value="24" SELECTED>Chateau Grey</option>
</select>

有人可以帮忙吗？似乎找不到任何帮助。

非常感谢您的指导

斯图

Answer 1

你可以做：

$("input:radio").change(function() {
   $("#option-value-17").val(this.value);
});

反之亦然

$("#option-value-17").change(function() {
    $("input:radio[value=" + this.value + "]").prop("checked", true);
});

小提琴：http: //jsfiddle.net/CB4Nn/2

Answer 2

单击单选按钮时，将选择值设置为单击的元素的值。

$("#option-value-24").on("click", function() {
    $("#option-value-17").val($(this).val());
});

您可以手动添加另一个单选按钮，方法是将选择器更改为23而不是24，或者您可以使用input[radio]来选择所有单选按钮。

看这个小提琴的例子

http://jsfiddle.net/RUJodan/xXEYj/

Answer 3

只需设置您选择的 value 属性。

$("input:radio").change(function() {
   document.getElementById("option-value-17").value  = this.value ;
});