javascript変数にクリックされたボタンの値を保存する方法は？

ボタンをクリックすると、JavaScriptの変数にボタンの値を格納しようとしています。javascript変数にクリックされたボタンの値を保存する方法は？

nameofServiceもjavascriptの変数

var a='<td><button type="button" className="btn btn-info" value="'+nameOfService+'" data-toggle="modal" data-target="#remove"><i class="glyphicon glyphicon-remove"></i>' 
         +'</button></td></tr>';

が、私はそれがクリックされたボタンの値を毎回を印刷し、さらに値を渡したいです。次は私のボタンです。

私はbootstrapを使用していたので、私はclassName = "dropdown-button btn"を使用していましたが、これは可能ですか？私はあなたのために少しのものを作成している

出典

2017-02-22 developer_beginning

あなたはボタンの値として 'VARのnameofService'を使用している、あなたはすでにボタンの値を持って、なぜあなたは再び変数に格納する必要がありますか？ –

チェックアウトこの1

var nameofService = 'buttonValue'; 
 

 
var a ='<button type="button" id="modalButton" className="btn btn-info" value="' + nameofService + '" data-toggle="modal" data-target="#remove"><i class="glyphicon glyphicon-remove"></i></button>'; 
 

 
document.getElementById('myDiv').innerHTML = a; 
 

 
var buttonElement = document.getElementById('modalButton'); 
 

 
buttonElement.addEventListener("click", function(){ 
 
    console.log(buttonElement.value); 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div id="myDiv"></div>

出典

2017-02-22 11:33:15

、それは間違いなくあなたの問題を解決するのを助けることができると、あなたは、動的にボタンの値を取得して設定することができます。スニペットを確認してください。

var nameofService; 
 
\t \t \t var inc = 1; 
 
\t \t \t var content; 
 
\t \t \t var nameofService = "Button "+inc; 
 
\t \t \t function setUpValue(){ 
 
\t \t \t \t 
 
\t \t \t \t var a ='<td><input id="btn" type="button" className="btn btn-info" data-toggle="modal" data-target="#remove" value="'+nameofService+'" onClick="getNewValue()"></button></td>'; 
 
\t \t \t \t document.getElementById("div_").innerHTML = a; 
 
\t \t \t \t showNodeText(); 
 
\t \t \t }; 
 

 
\t \t \t function getNewValue(){ 
 
\t \t \t \t inc++; 
 
\t \t \t \t nameofService = "Button "+inc; \t \t \t \t 
 
\t \t \t \t document.getElementById("btn").value = nameofService; 
 
\t \t \t \t showNodeText(); 
 
\t \t \t }; 
 

 
\t \t \t function showNodeText(){ 
 
\t \t \t \t content = document.createTextNode(nameofService+"\n"); 
 
\t \t \t \t document.getElementById("div1_").appendChild(content); 
 
\t \t \t }

<!DOCTYPE html> 
 
<html lang="en"> 
 
    <head> 
 
     <meta charset="utf-8">   
 
     <title>Question 1</title> 
 
    </head> 
 
    <body onload="setUpValue()"> 
 
\t \t <div id="div_"></div> 
 
\t \t <div id="div1_"></div> 
 
    </body> 
 
</body> 
 
</html>

出典

2017-02-22 12:08:25

javascript変数にクリックされたボタンの値を保存する方法は？

答えて

関連する問題