2014-12-04 27 views
0

我已經包含了一組名字。當選擇一個名字,一組數據將被從數據庫生成的下拉列表中選擇單選按鈕更改文本..如何根據使用Javascript

而那些數據綁定到其在置於控制之下單選框列表控件..

我已經與預定義的文字爲「你好」文本控制..

現在,「你好」必須改變與文本我選擇的單選框列表..

˚F或例子,我在單選按鈕列表已經「蘋果,橘子,葡萄」。當我選擇蘋果的第一次,「你好」改爲「蘋果公司」。我做到了這一點。但是,當我選擇「橙」,「 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是單選框列表的客戶端功能..第一次警報顯示爲「蘋果」,但下一次它不是改變..

這裏是txtEditor和單選框列表控件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> 
+0

因爲在第一個變化,你的代碼搜索 '你好',並改變它。在第二次更改中,您的代碼仍會搜索「Hello」並找不到它。你必須發佈你的HTML代碼。 – 2014-12-04 06:37:32

+0

發表您對什麼澄清 – Jinandra 2014-12-04 06:38:49

+0

HTML代碼,單選按鈕列表或txteditor HTML? – Sakthi 2014-12-04 06:48:40

回答

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

+0

確定..謝謝.. 如果我兩個文本「你好果子」,我想與無線列表中選擇手段改變「果」獨自一人,那怎麼辦? – Sakthi 2014-12-04 07:02:32

+0

@Sakthi:檢查更新的小提琴。 – Jinandra 2014-12-04 07:10:13

+0

是的,它是。但對我來說,txtEditor沒有更換。但在警報,它改變.. – Sakthi 2014-12-04 07:21:43

0

試試這個:

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); 
}