2017-11-01 2 views
-1

Ich habe diese Zeile HTML-CodeÄnderungskennzeichen mit dem Wert des Dropdown nicht mit jquery Text

$(document).ready(
 
    function() { 
 
    $('select[name=tipe_aktiva]').change(
 
     function() { 
 
     var newText = $('option:selected', this).text(); 
 
     $('#tipeLabel').text(newText); 
 
     } 
 
    ); 
 
    } 
 
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<select class="form-control col-md-7 col-xs-12" id="tipe_aktiva" name="tipe_aktiva" required="required">  \t \t 
 
\t \t <option value="">Please Select</option> 
 
\t \t <option value="1">AKtiva tetap</option> 
 
\t \t <option value="2">AKtiva tidak tetap</option> 
 
</select> 
 

 
<label style="padding: 8px 0px;" id="tipeLabel" name="tipeLabel"></label>

es rfeally gut gearbeitet, aber das Etikett mit Text Dropdown ändert nicht den Wert. Ich wollte wissen, ob es möglich ist, den Dropdown-Wert zu erhalten, um mein Label zu ändern. in diesem Fall wird es 1 sein, wenn ich "Aktiva tetap" wählen, und 2, wenn i "Aktiva tidak tetap"

Dank im Voraus wählen

+0

'$ ('# tipeLabel') Text ($ (this) .val())' Sie können benutze '.val()', um den Wert von select – Satpal

+0

zu setzen danke .. es hat funktioniert – wildape

Antwort

0

Try this ...

$(document).ready(
 
    function() { 
 
    $('select[name=tipe_aktiva]').change(
 
     function(){ 
 
     var newText = $('option:selected',this).val(); //cahnge this line 
 
     $('#tipeLabel').text(newText); 
 
     } 
 
    ); 
 
    } 
 
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<select class="form-control col-md-7 col-xs-12" id="tipe_aktiva" name="tipe_aktiva" required="required">    
 
              <option value="">Please Select</option> 
 
              <option value="1">AKtiva tetap</option> 
 
              <option value="2">AKtiva tidak tetap</option> 
 
             </select> 
 
             
 
             <label style="padding: 8px 0px;" id="tipeLabel" name="tipeLabel"></label>

0

Dies wird der ausgewählte Text:

var newText = $('option:selected',this).text(); 

Dieses der ausgewählte Wert wird (aus dem <select> selbst, nicht von der <option> darin, obwohl es keinen Unterschied machen sollte):

var newText = $(this).val(); 

einfach, dass v verwenden alue statt.

var newValue = $(this).val(); 
$('#tipeLabel').text(newValue); 
Verwandte Themen