[eluser]Erik Larsson[/eluser]
Hello!
Im trying to build a AJAX request with jQuery and CI.
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>
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;
});
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".
Is CI creating this?
Best
Erik