Hello!
Im trying to build a AJAX request with jQuery,
the function should work like this.
I have a list of words like this.
[code]
<ul id="searchword_ul">
<li id="searchword_kuken">
<?=form_open('adminpanel/testformremove')?>
<div style="display:none">
<?=form_input('sokord_id', '3', 'id="sokord_id"')?
>
<?=form_input('register_id', '1',
'id="register_id"')?>
<?=form_input('sokordet', 'kuken',
'id="sokordet"')?>
</div>
kuken <a href="" id="removeSearchword">x</a>
<?=form_close()?>
</li>
<li id="searchword_test">
<?=form_open('adminpanel/testformremove')?>
<div style="display:none">
<?=form_input('sokord_id', '3', 'id="sokord_id"')?
>
<?=form_input('register_id', '1',
'id="register_id"')?>
<?=form_input('sokordet', 'test',
'id="sokordet"')?>
</div>
test <a href="" id="removeSearchword">x</a>
<?=form_close()?>
</li>
</ul>
</div>
[/code]
and a Javascript like this
[code]
$("#removeSearchword").click(function(){
var sokord_id = $("#sokord_id").val();
var register_id = $("#register_id").val();
var sokordet = $("#sokordet").val();
$.post("<?=base_url()?>index.php/adminpanel/
testformremove",
{ sokord_id: sokord_id, register_id: register_id },
function(data){
$("#searchword_"+ sokordet).slideUp
("normal", function() {
$("#searchword_"+ sokordet).before('');
});
}
);
return false;
});
[/code]
The problem im having, is that i can only press the "x" (remove) link
on the first one, not on the next one. Nothing happens when i press
the secound "x".
Why is that?
