Search jQuery

jQuery Forum

Issue using Append

in Using jQuery • 6 years ago

Hello Everone,

I created the code below, however, I believe I should use something like an array because when I call the function several times, then it's appending the same name(xnome) and id.

//EXAMS
$('#idexame').change(function () {
var doc = document.getElementById("idexame");
$("#xnome").html(doc.options[doc.selectedIndex].text);
$(".selecionado").append('<div class="alert alert-warning alert-dismissible">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<h4 id="xnome">'+doc.options[doc.selectedIndex].text+'</h4>
<textarea name="sexames[]" class="form-control" rows="2" placeholder="Observação ..."></textarea>
</div>
<input type="hidden" name="exameid[]" value="'+doc.options[doc.selectedIndex].value +'"></input');
});

Replies(1)

jakecigar

Re: Issue using Append

6 years ago

Something like…

$('#idexame').change(function () {
var doc = document.getElementById("idexame"),
option=doc.options[doc.selectedIndex];
$("#xnome").html(option.text);
if ( $('[data-key="'+option.value+'"]' ).length===0)
$(".selecionado").append('\
<div class="alert alert-warning alert-dismissible" data-key="'+option.value+'>\
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>\
<h4 class="xnome">'+option.text+'</h4>\
<textarea name="sexames[]" class="form-control" rows="2" placeholder="Observação ..."></textarea>\
<input type="hidden" name="exameid[]" value="'+option.value +'">\
</div>\
');
});

Where I store the value in the data-key attribute of the <div> , then check to see if it is already there.

I also changed xnome from an id to a class, as ids have to be unique. Fix your CSS accordingly.

JΛ̊KE

PS I hope I got all those quotes right!

Top Reply

Response title

Attachments

jQuery Forum

Issue using Append

Replies(1)

Re: Issue using Append

Statistics

Tags

Actions

Related Posts