2010-03-23 3 views
0
<script> 
function edit(elem) 
{ 
var ele=$(elem).siblings('label#test').html(); 
var a=document.getElementById('test'); 
var htm = '<input type="text" name="modal" id="modal" style="width:70%;" value="'+$(elem).siblings('label#test').html();+'"/>'; 
$dialog.html(htm) 
    .dialog({ 
     autoOpen: true, 
     position: 'center' , 
     title: 'EDIT', 
     draggable: false, 
     width : 300, 
     height : 40, 
     resizable : false, 
     modal : true, 

     buttons: { "Save" : function() { if($('#modal').val() != ''){a.value=$('#modal').val();$dialog.dialog('close');} else {alert('i++'+$('#modal').val()+'++');} } } 
    }); 
$dialog.dialog('open'); 
    } 


$(document).ready(function() { 
    var flag=0; 

    $("input:radio[@name=template]").click(function() { 
    var checkedoption = $(this).val(); 
    if (checkedoption == "template3") 
    { 
     if (flag == 0) 
     { 
      var html = '<input type="text" name="val" id="val" />&nbsp;&nbsp;&nbsp;<input type="button" value="Add" id="add"><br>'; 
      $('#useroptions').append(html); 
      flag=1; 

      $('#add').click(function(){ 
       var a = $('#val').val(); 
       if (a == '') 
       { 
       alert('Enter options'); 
       } 
       else 
       { 
         var section= '<tr class="clickable"><td id="userval" BGCOLOR="#FF6699"><label id="test">' + a + '</label>&nbsp;&nbsp;&nbsp; <IMG SRC="/media/img/chunkedit.gif" onclick="javascript:edit(this);" >&nbsp;&nbsp;&nbsp;<IMG SRC="/media/img/close.gif" onclick="javascript:remove(this);" ></td></tr>'; 
        $('#useroptions').append(section); 
       } 
    }); 
    } 
} 
}); 
}); 
</script> 
<form> 
<table> 
     <tr><td> 
<div id="useroptions"></div> 
</tr></td> 

</table> 
</form> 

Comment définir une nouvelle valeur pour le test dans le code ci-dessus .. Mercidéfinir une valeur par jquery

+0

Le laboratoire L'élément el ne contient pas de contrôle de formulaire et n'a pas d'attribut for. Êtes-vous sûr de l'utiliser correctement? http://www.w3.org/TR/html4/interact/forms.html#h-17.9.1 – Quentin

Répondre

2

Utilisez la surcharge de valeur comme ceci:

$(elem).siblings('label#test').html("<span>new value</span>"); 
+0

Mais cela va changer l'ancienne valeur dans ce cas RIT? – Hulk

+0

@Hulk, c'est exact, pouvez-vous décrire plus de ce que vous recherchez? Je suis sûr que nous pouvons fournir une meilleure solution à votre problème global. –

+0

Salut, Si j'ajoute 2 valeurs disent a et b puis définissez le code HTML à ce qui précède dit qu'il écrasera les « a » comme « a » a été ajouté en premier alors que j'edited « b'.Hot pour traiter ce .. – Hulk

1

Vous pouvez simplement se référer à #test comme id-s doit être unique et ensuite définir la valeur en utilisant le texte (ou utiliser html si vous devez créer des éléments html à l'intérieur de #test)

$('#test').text("new value"); 
+0

Mais cela va changer l'ancienne valeur dans ce cas RIT? – Hulk

+0

Oui, il écrasera l'ancienne valeur. Si vous voulez conserver l'ancienne valeur, vous devez l'enregistrer quelque part. –

+0

Salut, Si j'ajoute 2 valeurs disent a et b puis définissez le code HTML à ce qui précède dit qu'il écrasera les a depuis a été ajoutée premier alors que je b.Hot pour traiter edited ce .. Salut, Si j'ajoute 2 valeurs dites 'a' et 'b' et ensuite définir le html à ce qui précède dit qu'il va dépasser "a" puisque "a" a été ajouté en premier pendant que j'ai édité "b". – Hulk

Questions connexes