JavaScript - Bir javascript değişkeni değiştiren HTML açılır menüsü oluşturun

Question

Bir HTML açılır menüsüne sahip bir uygulamanız var. HTML açılır menüsünün üç seçeneği vardır. Üç seçenek, bir veritabanından verilerin sunulduğu zaman boyutuna ilişkindir. Özellikle, son saatteki veriler sunulabilir veya son 30 dakikadan veya son 15 dakikadan.

<select class="form-control input-sm"> 
    <option value="1H" selected>Last Hour</option> 
    <option value="0.5H">Last 30 Mins</option> 
    <option value="0.25H">Last 15 Mins</option> 
</select> 

gelen JavaScript kodu:

.factory('DataService', function ($http, $q, CONFIG, $filter, $timeout, $interval) { 

    var DataService = {}; 
    var baseUrl = CONFIG.API_BASE_URL; 

    DataService.lastHour = function() { 

     return $http.get('/application/attack/from_time/3600'); 
    } 
} 

Açıkçası açılır menüden çalışmıyor durumda, aşağıdaki gibi

HTML kodudur. Gerçekten de, son saatteki tüm veriler yalnızca aşağı açılır menüden seçilen seçenek ne olursa olsun gösterilir (bu nedenle, HTTP GET isteğindeki "3600").

Soruma göre, bu işlev ve açılır menü, önceki 30 dakikalık sürenin yalnızca gösterileceği şekilde (HTTP GET isteğinde 3600 - 1800 değiştiriliyor) ve seçenek belirlenirken önceki 15 dakika gösterilecektir. açılır menüden.

Çok teşekkürler.

Bu satırlar boyunca bir şey isteyeyim

Answer 1

...

Adım 1: - da jQuery dahil, sizin Seç elemanını bir kimlik verin.

Adım 2: - Doğru zaman değerlerini temsil etmek için seçtiğiniz değerleri değiştirin, örn. seçme değiştirildiğinde yüzden

$(document).ready(function(){ 
    var selectedOption; 

    $('#selectid').change(function(){ 
     selectedOption = $(this).children(":selected").val(); 
    }); 

    .factory('DataService', function ($http, $q, CONFIG, $filter, $timeout, $interval) { 

     var DataService = {}; 
     var baseUrl = CONFIG.API_BASE_URL; 

     DataService.lastHour = function() { 
     return $http.get('/application/attack/from_time/'+selectedOption); 
     } 
    } 
}); 

güncelleyecek ... bir komut dosyası etiketi dosyanızın en altına aşağıdaki kodu ekleyin: - son bir saat değeri 3600

Adım 3 olmalıdır Daha sonra fabrika fonksiyonunuz tarafından kullanılan seçili seçenek değişkeni.