更改textarea字段，HTML，JS，jQuery

我有7個按鈕（具有不同圖像（徽標）的不同合作伙伴按鈕）。更改textarea字段，HTML，JS，jQuery

<a class="button button-type-1 fancybox_js" href="#buttonX"> 
<a class="button button-type-2 button-gray fancybox_js" href="#buttonX"> 
<a class="button button-type-2 button-orange fancybox_js" href="#buttonX">

正如你看到的，他們都有不同的與textarea的

<div class="hidden" id="buttonX"> 
    <div class="login-form"> 
     <div class="login-form-inner"> 
      <textarea id="button1" name="something"></textarea>

打開一個模式窗口，這裏面的textarea已經成爲這個按鈕至極的代碼被壓

<a class="button button-type-1 fancybox_js" href="#buttonX"> if pressed this button

但我需要改變textarea的值取決於點擊按鈕。如果我點擊<a class="button button-type-2 button-orange fancybox_js" href="#buttonX">按鈕，在模式窗口中，我需要一個帶有此按鈕代碼的textarea。任何人都可以幫助我嗎？謝謝！

來源

2016-04-12 Artur Lukashchuk

所以從我個人理解，你有一個模式窗口，它在它的代碼和幾個按鈕。點擊按鈕，你想改變一些文字。我對嗎？ – Rajesh

是的，您是對的，先生。 –

由於如果textarea的值被讀爲字符串，您將不得不手動將其替換。由於它有代碼，您可以檢查必要的標識符並替換值屬性。一個適當的工作例子對我們來說更好，可以幫助你。 – Rajesh

您可以使用jQuery的clone（）和html（）方法獲得按鈕的代碼。

我已經爲所有按鈕添加了一個類（「myCBtn」），然後克隆了<div>中的按鈕。之後，您只需要將創建的DIV的HTML獲取您的按鈕的代碼。

按鈕的HTML。

<td width="50%"><a class="button myCBtn button-type-1 button-blue-round fancybox_js" href="#buttonX"><span>Купить в кредит1</span></a><br> 

<a class="button myCBtn button-type-1 fancybox_js" id="button_1" href="#buttonX"><span>Купить в кредит4</span></a><br> 

<a class="button myCBtn button-type-2 button-gray fancybox_js" href="#buttonX"><span>Купить в кредит2</span></a><br> 

<a class="button myCBtn button-type-2 button-orange fancybox_js" href="#buttonX"><span>Купить в кредит3</span></a><br></td>

更改以下代碼

<div class="myCBtn" id="myCBtn"> 
    <textarea id="myCBtn" name="ButtonCode"></textarea> 
</div>

到

<div class="popupDivClass" id="popupDivId"> 
    <textarea id="buttonCodeTA" name="ButtonCode"></textarea> 
</div>

另外除去下面線。

document.getElementById('myCBtn').value = buttoncode;

而且更新點擊功能如下：

$('.myCBtn').click(function(e){ 
      var thisbutton=$(this).clone(); 
     var newDiv=$('<div>').append(thisbutton); 
     var buttoncode=$(newDiv).html(); 
     // perform next operations here using buttoncode. 
     $("#buttonCodeTA").val(buttoncode); 
    });

更新的jsfiddle：https://jsfiddle.net/7o6p8nso/1/

來源

2016-04-12 05:36:01

添加$（'。myCBtn'）。click（function（e）{在添加jQuery庫鏈接後頁面結束。 –

檢查我的更新答案。 –

Alok！你救了我的命！非常感謝你！它的工作！ –

更改textarea字段，HTML，JS，jQuery

回答

相關問題