2016-03-28 12 views
0

Ich habe versucht, ausgewählte div-Wert oder ID mit jQuery auswählbar zu bekommen. Mein Problem ist ich habe div innerhalb für Schleifen so wenn ich versuche, Wert oder ID zu bekommen gibt es mir nur ersten Div-Wert oder ID.Bereit ist mein Code.Wie wählbare Div-Wert oder ID in jquery erhalten?

<input type="text" id="mod"> 
    <div class="row"> 
     <?php for($i=0;$i<4;$i++){ ?> 
     <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 list" > 
     <div class="dashboard-stat blue cmp" value="<?php echo 'test'.$i; ?>" id="<?php echo 'test'.$i; ?>"> 
      <div class="visual"> 
      <i class="fa fa-comments"></i> 
      </div> 
      <div class="details "> 
      <div class="desc" > akak</div> 
      </div> 
     </div> 
     </div> 
     <?php }?> 
    </div> 

Wenn ich div bin Auswahl es Wert von cmp div.But geben sollte, wenn ich bin jedes Mal denselben Wert Auswahl ist coming.I diesen Wert innerhalb verborgener Text box.Below meine JS-Code zu bekommen versuche ist.

$(".list").selectable({ 
    stop: function() { 
    $(".cmp", this).each(function() { 
     var index =$(this).attr('data'); 
     console.log($('.cmp').attr('id')); 
     items += ("," +(index)); 
    }); 
     $('#mod').val(items); 
    } 
}) 

Vielen Dank im Voraus.

Antwort

1

Sie verwenden

$('.cmp').attr('id')

, die Ihnen alle div mit Klassenwert cmp mit und attr('id') Aufruf gibt nur Sie id ersten div geben.

Wie Sie durch die Liste der divs iterieren, müssen Sie $(this) verwenden, die Sie den aktuellen div in der Schleife geben, wie unten

$(this).attr('id') gezeigt

+0

danke Bhushan, ich machte diesen dummen Fehler.Wie um alle ausgewählten Wert an Textfeld anfügen? – aj089

+0

change 'items + = (", "+ (index));' zu 'items + = $ (this) .attr ('id') +", ";' und du erhältst die durch Komma getrennten IDs –

+0

thnku bhushan .i versuchte dies, es gibt mir nur einen Wert. Wenn ich mehrere auswählen, gibt es mir nur aktuelle div value.it ersetzt Textwert mit aktuellen wählen div, ich möchte alle div-Werte in Textfeld. – aj089

0

Betrachten Sie in der Dokumentation suchen unter dieser URL: http://jqueryui.com/selectable/#serialize

es wird Ihnen genau das geben, was Sie brauchen.

+0

ich goto URL. thnku es funktioniert, aber ich bekomme nicht alle Werte zu Textfeld. Ich m erhalten nur einen Wert, wenn ich auswählen. Wie alle ausgewählten Werte an Textfeld anfügen. – aj089

+0

Hier ist die Grundidee von dem, was Sie versuchen zu erreichen, wie ich verstand: http://jsfiddle.net/QFm7K/ – Husein

+0

thnku, aber ich benutze auswählbar, so dass Benutzer wählen kann, wählen Sie nicht abwählen, aber in Ihrer Geige ist es doppelte Werte . – aj089