动态按钮仅适用一次,但不能多次

时间:2015-06-10 02:56:55

标签: javascript

首先,我不会说英语。 我希望道歉。

这是我的问题:

我有一个用jquery-> append动态创建的按钮。我需要使用此按钮将标签id="exampleid"的值从value="examplefrom"更改为value="exampleto"

我使用相同的ID创建了很多这些按钮(example = id“exampleidbuttom”),并使用jquery.ON向它们添加事件。

按钮一次从我的标签中更改它们的值,而不是更多。

我不明白为什么,我尝试了很多。

这是一个示例:http://jsfiddle.net/cvdta/#&togetherjs=kk4Mrix2xG

HTML:

<a href="#"  id="nuevoBoton">Añadir botón</a>
<div id="contenedor">
<a href="#" class="boton" data-val="1">Pulsa</a>
<input type="text" class="form-control" id="idname" placeholder="Ingresa el nombre del tipo de usuario que deseas crear" name="name"  data-toggle="popover" value="kkk"    dismisible value="">
</div>

JavaScript:

$("#nuevoBoton").on('click',function() {

var boton = '<button href="#" class="boton" data-val="' + parseInt(Math.random()*10)+ '">Pulsa</button>';

$('#contenedor').append(boton);    
    $("#contenedor").on('click','button.boton', function() {
     alert('El valor es: ' + $(this).data('val'));  
    $("#idname").remove("value");     
     $("#idname").attr("value","fdfdf");    

   })

1 个答案:

答案 0 :(得分:0)

这里的解决方案是代码

call missing ( of _all_ ) ; output;