Databases
StackOverflow2013
Postsdbo
POJquery append - appending double?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery append - appending double?
    primarykey
    data
    text
    <p>Why is this code appending the object twice for each element?</p> <pre><code>$('input[data-type="answer"]').each(function (index, input) {     var name = $(input).attr('name');     var value = $(input).val();     $("#QuizQuestion").append('&lt;div id="QuizQuestionHeadline"&gt;&lt;/div&gt;&lt;div class="control-group"&gt;&lt;label class="radio"&gt;&lt;input type="radio" class="input-fluid" value="' + value + '" /&gt;' + value + '&lt;/label&gt;&lt;/div&gt;'); }); </code></pre> <p>Thanks!</p> <hr> <p>Realized I published wrong code, here it is:</p> <p>Jquery to create the answers:</p> <pre><code>var newAnswerAlt = "appendAnswerAltRadio" + i++; $("&lt;div&gt;&lt;div class='controls'&gt;&lt;input type='text' class='answerAltRadiobtn' data-type='answer' class='input-fluid' name='txtAnswer"+ n++ +"'&gt; &lt;label class='checkbox'&gt;&lt;input type='checkbox' id='QuizCheckbox"+ c++ +"'&gt; Correct Answer&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;").attr({id: newAnswerAlt, class: ''}).prependTo(".NewQuizAnswersGroup").hide().fadeIn('slow'); }); </code></pre> <p>Jquery to get the attributes from the created answers and append them to another element:</p> <pre><code> $('input[data-type="answer"]').each(function(index, input){ var name = $(input).attr('name'); var value = $(input).val(); var question = "txtQuestion1"; $("#QuizQuestion").append('&lt;div id="QuizQuestionHeadline"&gt;&lt;/div&gt;&lt;div class="control-group"&gt;&lt;label class="radio"&gt;&lt;input type="radio" class="input-fluid" name="' + question + '" value="'+value+'" /&gt;'+value+'&lt;/label&gt;&lt;/div&gt;'); }); var NewQuizQuestion = $("#NewQuizQuestion").val(); $("#QuizQuestionHeadline").append("&lt;legend&gt;"+NewQuizQuestion+"&lt;/legend&gt;"); $('input[data-type="UserDetails"]').each(function(index, input){ var name = $(input).attr('name'); var label = $("label[for='"+name+"']").text() var value = $(input).is(":checked"); if($(input).is(":checked")){ $("#formAlts").append('&lt;div id="formHeader"&gt;&lt;/div&gt;&lt;div class="control-group"&gt;&lt;label&gt;'+label+'&lt;/label&gt;&lt;div class="controls"&gt;&lt;input type="text" class="input-fluid" name="' + name + '" /&gt;&lt;/div&gt;&lt;/div&gt;'); } }); var formHeader = "Fill out form"; $("#formHeader").append("&lt;legend&gt;"+formHeader+"&lt;/legend&gt;"); var terms = "Accept Terms &amp; Conditions"; $("#terms").append("&lt;div class='control-group'&gt;&lt;label class='checkbox'&gt;&lt;input type='checkbox' name='txtTerms'&gt;"+terms+"&lt;/label&gt;&lt;/div&gt;"); </code></pre> <p>The second call for "'input[data-type="UserDetails"]'" works fine but not for "'input[data-type="answer"]'".</p> <p>Can't really understand it!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USKim
    1. USKim
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. POJquery append - appending double?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POJquery append - appending double?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COAre you sure that the `each()` loop is not getting called twice?
      singulars
      1. POJquery append - appending double?
      1. USDavid Tansey
    2. COJust wondering, how many answers per question are there?
      singulars
      1. POJquery append - appending double?
      1. USAndrea Scarcella
    3. COIt should be possible to create new answers dynamically, and after that it is being requested by the above code to use them. But for some reason it doubles every answer with a blank input-field (?) And it doesn't seem the loop is called twice
      singulars
      1. POJquery append - appending double?
      1. USKim
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload