Здравствуйте. Друзья.
Подскажите не как не могу понять как сделать так чтобы допустим я выбираю раздел кликаю через onclick="document.getSelection('minCost').value = '2990' сумма вставляется в <ipnut> Но при передвижении ползунка текст сбрасывается.
Или вообще можно подругому сделать? Если да то как?
В общем вот собственно код:
$(function() {
$( "#budget" ).slider({
range: true,
min: 990,
max: 70000,
values: [ 2990, 68000 ],
slide: function( event, ui ) {
$( "#minCost" ).val( ui.values[ 0 ] );
$( "#maxCost" ).val( ui.values[ 1 ] );
}
});
$( "#minCost" ).val( $( "#budget" ).slider( "values", 0 ) );
$( "#maxCost" ).val( $( "#budget" ).slider( "values", 1 ) );
// Изменение местоположения ползунка при вводиде данных в первый элемент input
$("input#minCost").change(function(){
var value1=$("input#minCost").val();
var value2=$("input#maxCost").val();
if(parseInt(value1) > parseInt(value2)){
value1 = value2;
$("input#minCost").val(value1);
}
$("#budget").slider("values",0,value1);
});
// Изменение местоположения ползунка при вводиде данных в второй элемент input
$("input#maxCost").change(function(){
var value1=$("input#minCost").val();
var value2=$("input#maxCost").val();
if(parseInt(value1) > parseInt(value2)){
value2 = value1;
$("input#maxCost").val(value2);
}
$("#budget").slider("values",1,value2);
}); // фильтрация ввода в поля
jQuery('#amount, #amount_1').keypress(function(event){
var key, keyChar;
if(!event) var event = window.event;
if (event.keyCode) key = event.keyCode;
else if(event.which) key = event.which;
if(key==null || key==0 || key==8 || key==13 || key==9 || key==46 || key==37 || key==39 ) return true;
keyChar=String.fromCharCode(key);
if(!/\d/.test(keyChar)) return false;
});});
<div class="hide options">
<div class="option"><span class="val" onclick="document.getSelection('minCost').value = '2990'">Текст</span></div>
<div class="option"><span class="val" onclick="document.getElementById('minCost').value = '990'">Текст2</span></div>
<div class="option"><span class="val" onclick="document.getElementById('minCost').value = '1200'">Текст3</span></div>
</div>
<input type="hidden" value="0" name="order" id="position">
</div>
<div id="formCost">
<label for="minCost">Бютжет: от</label><input type="text" id="minCost" name="minbut" value="990" />
<label for="maxCost">до</label> <input type="text" id="maxCost" name="maxbut" value="70000"/> <label>руб</label>
</div>