Question

我有一个下拉列表，其中包含一组名称。当选择一个名称时，将从数据库中生成一组数据。

这些数据将绑定到放置在控件下的Radiobutton列表控件中。

我的文本控件的预定义文本为“hello”..

现在，“我好”必须改变我在Radiobutton列表中选择的文字。

例如，我在单选按钮列表中有“Apple，Orange，Grape”。当我第一次选择Apple时，“Hello”变为“Apple”..我这样做了..但是当我选择“Orange”时“，”Assple“没有改变..怎么做......？

function SelectChanged(Radiolst)
{
    var mailBdy = document.getElementById("<%=txtEditor.ClientID  %>");
    var toMember = document.getElementById(Radiolst);
    var selectedTxt=$(toMember).find(":checked").next().html();
    var newBod = $(mailBdy).val();
    newBod=newBod.replace('Hello',selectedTxt);
    mailBdy.value = newBod;
    alert(mailBdy.value);
}

函数SelectChanged是Radiobutton列表的客户端功能。第一次警报显示“Apple”，但下次没有更改..

这是txtEditor和Radiobutton列表控件ASP.NET编码..

<asp:RadioButtonList ID="lstTo" runat="server"   ></asp:RadioButtonList>

<textarea id="txtEditor" name="txtEditor" style="width: 100% ; height :300px " runat="server" enableviewstate ="true"  > </textarea>

Answer 1

由于没有提供标记，我在这里猜测：

对于HTML，如：

<select>
<option value="orange">
<option value="apple">
</select>
<input type="radio" id="Radiolst" value="Hello" name="some">

jQuery应该像：

$(document).ready(function () {
  $('select').on('change', function (e) {
    var optionSelected = $("option:selected", this);
    var valueSelected = this.value;
    $("#Radiolst").val(valueSelected);
    $("#txtEditor").text(valueSelected);
  });
});

请记住将其放在文档的<head>标记中。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

DEMO FIDDLE

Answer 2

试试这个：

var globalVar = 'hello';
function SelectChanged(Radiolst)
{
    var mailBdy = document.getElementById("<%=txtEditor.ClientID  %>");
    var toMember = document.getElementById(Radiolst);
    var selectedTxt=$(toMember).find(":checked").next().html();
    var newBod = $(mailBdy).val();
    newBod=newBod.replace(globalVar,selectedTxt);
    globalVar = selectedTxt;
    mailBdy.value = newBod;
    alert(mailBdy.value);
}

如何使用Javascript根据单选按钮选择更改文本

2 个答案: