JQuery выбрать, чтобы заполнить элемент

Question

У меня есть следующий список:

<select id="selectprice" name="prod1">" 
<option value="1">prod1</select> 
<option value="2">prod2</select> 
<option value="3">prod3</select> 
</select> 

<input type="text" id="valueprice" name="price_incl" size="4"> 

Я хочу следующий код, чтобы обновить свою цену, когда я выбираю опцию из выпадающего списка:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("select[name='prod1']").change(function() { 
     if($(this).val()==1) { 
      $('#valueprice1').text("21.95"); 
      }// ect ect 
    }); 
    }); 
</script> 

Но .. это не работает, и я не могу показаться, чтобы выяснить, почему;)

с уважением

Answer 1

Отсутствует возможность закрытия TA гс -

<option value="1">prod1</option> // not select 

И val() не text()

$('#valueprice').val("21.95"); 

Код будет -

$("select[name='prod1']").change(function() { 
    if($(this).val()==2) { 
     $('#valueprice').val("21.95"); 
    } 
}); 

FIDDLE

Answer 2

Во-первых, ваши потребности селекторе быть #valueprice, не #valueprice1

Кроме того, закройте option метки с option, не select

Наконец, используйте val вместо text, так как это input элемент

$(document).ready(function() { 
 
     $("select[name='prod1']").change(function() { 
 
     if($(this).val()==1) { 
 
      $('#valueprice').val("21.95"); 
 
      }// ect ect 
 
    }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<select id="selectprice" name="prod1"> 
 
<option value="1">prod1</option> 
 
<option value="2">prod2</option> 
 
<option value="3">prod3</option> 
 
</select> 
 

 
<input type="text" id="valueprice" name="price_incl" size="4">

Answer 3

Вы должны использовать val вместо text для установки значения элемента.

$('#valueprice1').val("21.95"); 

Установить значение каждого элемента в наборе соответствующих элементов.

Docs: http://api.jquery.com/val/

Answer 4

2 Вопросы, закрывающий тег для варианта является </option> не </select>, а затем использовать .val() установить входное значение

$(document).ready(function() { 
 
    $("select[name='prod1']").change(function() { 
 
    if ($(this).val() == 1) { 
 
     $('#valueprice').val("21.95"); 
 
    } // ect ect 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select id="selectprice" name="prod1">" 
 
    <option value="1">prod1</option> 
 
    <option value="2">prod2</option> 
 
    <option value="3">prod3</option> 
 
</select> 
 
<input type="text" id="valueprice" name="price_incl" size="4">

Answer 5

Вы не правильно закрывая теги options, и вам нужно использовать val() для установки значения, см поправки в примере ниже:

$(document).ready(function() { 
 
    $("select[name='prod1']").change(function() { 
 

 
     if ($(this).val() == 1) { 
 
     alert('prod1 selected') 
 
     $('#valueprice1').val("21.95"); 
 
     } // ect ect 
 
    }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="selectprice" name="prod1">" 
 
    <option value="1">prod1</option> 
 
    <option value="2">prod2</option> 
 
    <option value="3">prod3</option> 
 
</select>