2016-04-17 13 views
0

ich eine Auswahlliste mit verschiedenen Werten gefüllt haben will (Preis), je nachdem, welche Option wurde in anderer Auswahlliste (Verkauf oder zur Miete) gewähltmit Werten je nach Vorwahl

Also, was ich getan habe, ist Erstellen Sie zuerst die Arrays zum Verkauf und zur Miete.

Dann holen Sie sich die Jquery und führen Sie ein Änderungsereignis aus, um auszuwählen, welche Auswahl getroffen wurde.

dann eine Switch-Anweisung, die die fragliche Auswahlliste füllen sollte, aber es zeigt nichts an. Während jquery eine Bibliothek für JavaScript ist weiß ich nicht, wenn sie mischen, wie ich in Ordnung getan haben:

$('#transaction').change(function(){   
 
     $value = $('#transaction').val(); 
 
    var sale = []; 
 
    for (var i = 350000; i <= 2000000; i+100000) { 
 
     sale.push(i); 
 
    } 
 

 
    var rent = []; 
 
    for (var i = 500; i <= 6000; i+100) { 
 
     rent.push(i); 
 
    } 
 
     
 
     switch($value) { 
 
     case 'sale':  
 
    $.each(sale, function(key, value){     
 
    $('#price').append('<option value="' + index+ '">' + value + '</option>')    
 
      break;   
 
     case 'rent':  
 
      break; 
 
     }); // end of each  
 
     } // end of switch 
 
}) ; //end of jquery snippet 
 
<div class="row"> 
 
     <div class="col-md-2 col-md-offset-1"> 
 
     <div class="form-group"> 
 
     {{Form::label('transaction', 'Transaction')}} 
 
     <select name="transaction" id="transaction" class="form-control"> 
 
      <option value="select">Select</option> 
 
      <option value="sale">Sale</option> 
 
      <option value="rent">Rent</option> 
 
      <option value="holiday">Holiday</option> 
 
     </select> 
 
     
 
     </div> 
 
     </div> 
 
    
 
     <div class="col-md-2"> 
 
     <div class="form-group"> 
 
     {{Form::label('price', 'Price')}} 
 
     <select name="price" id="price" class="form-control"> 
 
     </select>   
 
     </div> 
 
     </div>

+0

Können Sie eine jsfiddle hinzufügen? – Fyre

+0

Ich glaube, du hast aus Versehen etwas falsches hinzugefügt. Können Sie verifizieren – Fyre

+0

Bitte geben Sie an, welche andere Bibliothek/Framework Sie zum Auflösen von '{{...}}' verwenden. – trincot

Antwort

0

Alle Kredite gehen zu Keith Wood (Sydney)

$(function() { 
    $('#transaction').change(function() { 
     var sale = []; 
     for (var i = 350000; i <= 2000000; i += 100000) { 
     sale.push(i); 
     } 
     var rent = []; 
     for (var i = 500; i <= 6000; i += 100) { 
     rent.push(i); 
     } 
     var option = $('#transaction').val(); 
    var prices = (option === '1' ? sale : (option === '2' ? rent : [])); 
     var options = ''; 
     $.each(prices, function(key, value) {     
     options += '<option value="' + value + '">' + value + '</option>'; 
     }); 
     $('#price').html(options); 
    }); 
}); 


<div class="col-md-2 col-md-offset-1"> 
     <div class="form-group"> 
     {{Form::label('street', 'Transaction')}} 
     <select name="transaction" id="transaction" class="form-control"> 
      <option value="0">Select</option> 
      <option value="1">Sale</option> 
      <option value="2">Rent</option> 
      <option value="3">Holiday</option> 
     </select> 

     </div> 
     </div> 



<div class="col-md-2"> 
     <div class="form-group"> 
     {{Form::label('price', 'Price')}} 
     <select name="price" id="price" class="form-control"> 
     </select> 

     </div> 
     </div> 
1

Sie nicht in Ihrem select-Tag haben die Optionen Element, so wird es nie die $ Wert aus dieser Anweisung: - $value = ('#transaction').val();

Fügen Sie die Optionstags ein und führen Sie dann Ihr Beispiel aus.

+0

Ich sehe nicht Verkauf und Miete in wählen Sie Tag auf jsfiddle –

+0

versuchen Sie dies zu Beginn Ihrer Änderungsfunktion: - $ Wert = ('#Transaktion'). val(); Warnung ($ Wert); –

+0

Sehr gut jetzt ändern Sie die folgende Zeile in Switch-Anweisung: - $ ('# Preis'). Append ('') –

Verwandte Themen