在Nouislider中只顯示一張幻燈片

我在我的開發網站上使用Nouislider以便讓用戶從範圍中選擇他的工資。重點是，我想用戶選擇他的薪水ond不是範圍（例如2500€）我不能設法只顯示一個選擇器，而不是在我的nouislider中的雙選擇器（範圍選擇器）。此外，我的數據是在€（歐元），我不設法得到我的選擇工作（€符號和數以千計的空格）在Nouislider中只顯示一張幻燈片

這裏是我的代碼：

<?php if($_SERVER['REQUEST_METHOD'] == 'POST' &&  $_POST['submit']=="Send"){ 
echo "Your selected no:". $_POST['number']; 
}?>  

<div class="example"> 
<div id="html5"></div> 
<form action="/" method="post"> 
<select id="input-select" name="number"></select> 
<input type="submit" name="submit" value="Envoyer" /> 
</form> 

<script> 
var select = document.getElementById('input-select'); 

// Append the option elements 
for (var i = 1000; i <= 8000; i=i+1){ 

var option = document.createElement("option"); 
    option.text = i; 
    option.value = i; 

select.appendChild(option); 
} 
document.getElementById('input-number') 
</script>   
<script> 
var html5Slider = document.getElementById('html5'); 

noUiSlider.create(html5Slider, { 
start: [ 1000, 1000 ], 
connect: true, 
range: { 
    'min': 1000, 
     'max': 8000 
}, 
format: wNumb({ 
decimals: 0, 
thousand: '', 
postfix: ' €' 
}) 
}); 



</script>   
<script> 
var inputNumber = document.getElementById('input-number'); 

html5Slider.noUiSlider.on('update', function(values, handle) { 

var value = values[handle]; 

if (handle) { 
inputNumber.value = value; 
else { 
    select.value = Math.round(value); 
} 
}); 

select.addEventListener('change', function(){ 
html5Slider.noUiSlider.set([this.value, null]); 
}); 

inputNumber.addEventListener('change', function(){ 
html5Slider.noUiSlider.set([null, this.value]); 
}); 
</script>  
</div>

謝謝您的幫助。

此致敬禮。

來源

2016-07-25 Ddc

第一：不做到這一點：

for (var i = 1000; i <= 8000; i=i+1){ 
    var option = document.createElement("option");

創建7000個選項元素將是緩慢的。

要創建一個而不是兩個手柄，請使用start: 1000而不是start: [ 1000, 1000 ]。

來源

2016-07-25 18:32:56 Lg102

如果我改變欄不會加載： \t開始：[1000,1000]，到 \t開始：1000，對於7000個選項元素我怎麼能以另一種方式做到這一點？謝謝 – Ddc

在Nouislider中只顯示一張幻燈片

回答

相關問題