Показать сообщение отдельно
  #1 (permalink)  
Старый 09.06.2015, 18:23
Аватар для Ramzes94
Аспирант
Отправить личное сообщение для Ramzes94 Посмотреть профиль Найти все сообщения от Ramzes94
 
Регистрация: 09.06.2015
Сообщений: 62

jquery ui ползунок как
Здравствуйте. Друзья.
Подскажите не как не могу понять как сделать так чтобы допустим я выбираю раздел кликаю через 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>
Ответить с цитированием