Изменение выбора значения, когда значение входного сигнала с JQuery

HTMLИзменение выбора значения, когда значение входного сигнала с JQuery

<div class="form-group"> 
<label class="col-md-4 control-label">input price</label> 
<div class="col-md-8"> 
    <input class="form-control" placeholder="price" id='price'> 
    </div> 
</div> 
<div class="form-group"> 
    <label class="col-md-4 control-label">Range</label> 
    <div class="col-md-8"> 
     <select class="form-control" disabled="disabled" name='range'> 
      <option value=1>150.000</option> 
      <option>200.000</option> 
      <option>250.000</option> 
      <option>300.000</option> 
      <option>350.000</option> 
      <option>400.000</option> 
      <option>450.000</option> 
     </select> 
    </div> 
</div>

JQuery скрипт:

<script> 
$$(document).ready(function($){ 
    $("#price").mask("999.000"); 

    $("#price").on('keyup', function() { 
     var price = $("#price").val(); 
     if(price <= 150000) 
     { 
      $('#range').val(150000); 
     } 
    }); 
}); 
</script>

Привет, ребята, что им пытаются сделать это .. Когда я пишу цену (она имеет маска), поэтому нужно только ввести первый номер 3, «.000» устанавливается автоматически. Поэтому, когда число - это тип I, проверьте введенное значение, тогда в зависимости от этого значения цены я хочу изменить значение #range, которое является select.

Выбор отключен. Он будет установлен в зависимости от значения, которое вставлено в цену. 0-150000, 150001-250000, 250001-3500001 .. и дальше

Его, как если у типа DOG, автоматически выбрать будет установлен на животных

источник

2014-01-03 Gucho Ca

Дайте больше пояснений. Трудно понять, чего вы хотите. – Khamidulla

Например, когда задано 100000, тогда SELECT должен измениться на 150000 –

Почему вы отключили выпадающий список? –

Попробуйте это,

$(function() { 
    $("#price").on('keyup', function() { 
     var price = this.value; // use this.value instead of $("#precio").val(); 
     if (price <= 150000) { 
      $('#range').val(150000); 
     } else if (price>150000 && price <= 200000) { 
      $('#range').val(200000); 
     } else if (price>200000 && price <= 250000) { 
      $('#range').val(250000); 
     } else if (price>250000 && price <= 300000) { 
      $('#range').val(300000); 
     } else if (price>300000 && price <= 350000) { 
      $('#range').val(350000); 
     } else if (price>350000 && price <= 400000) { 
      $('#range').val(400000); 
     } else if (price>400000 && price <= 450000) { 
      $('#range').val(450000); 
     } 
    }); 
});

Добавить value в варианты как,

<select class="form-control" disabled="disabled" name='range' id='range'> 
    <option value="150000">150.000</option> 
    <option value="200000">200.000</option> 
    <option value="250000">250.000</option> 
    <option value="300000">300.000</option> 
    <option value="350000">350.000</option> 
    <option value="400000">400.000</option> 
    <option value="450000">450.000</option> 
</select>

изменить Также эту строку

$$(document).ready(function($){

$(document).ready(function(){

Working demo

источник

2014-01-03 04:20:03

Отлично работает Рохан! Спасибо, что поделился. –

сделать следующую поправку в JS вы обращаетесь к $("#precio").val(); но нет идентификатора так не использовать $("#price").val();

В документе готов удалить $ от $ (документ) .ready (функция ($) {

Там нет диапазона так $('#range').val(150000);, как выбрать имеет имя, диапазон, но без идентификатора, поэтому обновить имя идентификатора или использовать $('select[name=range]')

В ваших option полях Eсти нет значения присутствует так что это не будет обновлять ничего $('#range').val(200)

Check http://jsfiddle.net/raunakkathuria/JHm29/ (я удалил функцию маски для демонстрации и добавил значение только к двум опциям, которые вы можете добавить их ко всем согласно вашему требованию)

источник

2014-01-03 04:20:54

Изменение выбора значения, когда значение входного сигнала с JQuery

ответ

Смежные вопросы