2017-02-22 3 views
0

Я пытаюсь сохранить значение кнопки в переменной 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>'; 

Я хочу напечатать значение каждый раз баттона он щелкнул и передать значение в дальнейшем.

Для выпадающих списков я использовал className = "dropdown-button btn", потому что я использовал bootstrap, что-то вроде этого возможно?

+0

вы использовали 'уаг nameofService' как значение кнопки, то у вас уже есть значение кнопки, почему вам нужно хранить в переменной снова? –

ответ

0

Checkout это один

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>

0

Я создал немного вещей для вас, это может, безусловно, поможет решить вашу проблему, и вы можете динамически получить и установить значение кнопки. Просмотрите фрагмент.

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>

Смежные вопросы