javascript - 如何相对于选中的单选按钮更新文本区域的文本？

Question

1. textarea 的文本将填充有选定的下拉列表文本。

2. 一个简单的单选按钮列表将决定应该使用哪个下拉列表的文本。

CLICK HERE FOR DEMO

下面的代码创建了预期的效果，但在选择备用单选按钮值时没有进行预期的更改。

选中的调试显示在进行新选择时不会添加到 radio 输入。

JQUERY

var rbl = $('#rbl input:checked').val();

$('#ddlA1,#ddlB1').change(function () {
    if (rbl = 1) {
        $('#txt').val($('#ddlA1 :selected').text());        
    } else if (rbl = 2) {
        $('#txt').val($('#ddlB1 :selected').text());        
    }
});

HTML

<span id="rbl">
    <input type="radio" id="rbl_0" name="rbl" value="1" /> 1 <br />
    <input type="radio" id="rbl_1" name="rbl" value="2" /> 2 <br />
</span>

<select id="ddlA1">
    <option value="1">A1 A</option>
    <option value="2">A1 B</option>
    <option value="3">A1 C</option>
</select>
<select id="ddlB1">
    <option value="1">B1 A</option>
    <option value="2">B1 B</option>
    <option value="3">B1 C</option>
</select>

<textarea id="txt">LOAD TEXT</textarea>

Answer 1

您的代码是正确的，但您需要修改一些小东西；)

$('#ddlA1,#ddlB1').change(function () {
    var rbl = $('#rbl input:checked').val();
    if (rbl == 1) {
        $('#txt').val($('#ddlA1 :selected').text());        
    } else if (rbl == 2) {
        $('#txt').val($('#ddlB1 :selected').text());        
    }
});

1. 将rbl变量放入变化事件中
2. 在条件语句中使用 == 而不是 =

http://jsfiddle.net/3kXsX/5/

就是这样!

最好的问候，