Обновить ввод текста из выбранной опции выбора

Question

У меня есть поле выбора, которое также обновляет текстовое поле при выборе цены выбранного параметра. Любые идеи о том, почему это не работает?

Html:

<label for="material1" class="select">Material:</label> 
<select name="material" id="material1" data-native-menu="false" rel="price1"> 
<option>Select Material</option> 
<option value="55 Bolt" rel="125,000.00">55 Bolt</option> 
</select> 
<label for="net1">Net Price:</label> 
<input type="text" name="net" id="net1" rel="price1" value="" /> 

JS:

<script type="text/javascript"> 
$("material1").change(function() { 
    $(this).next("input[rel="+$(this).attr("rel")+"]").val($(this).val()); 
    $('#net1').textinput('refresh'); 

}).change(); 
</script> 

Answer 1

Ваша основная проблема заключается в том, что mgoeppner имеет некоторые хорошие предложения.

$(this).next("input[rel="+$(this).attr("rel")+"]").val($(this).val()); 

$(this).val() относится к значению select, который является нулевым. Вы должны обратиться к значению выбранного параметра. Тогда next() не будет работать, потому что input не находится рядом с select, между ними находится label. Вы можете использовать closest()

var value = $(this).find('option:selected').val(); 
$(this).closest("input[rel="+$(this).attr("rel")+"]").val(value); 

Answer 2

Это не будет работать по нескольким причинам:

1. $(this).next() вернется [] со следующего брата <label> не вход с соответствующим атрибутом rel. Вместо этого попробуйте использовать $(this).siblings("input[rel="+$(this).attr("rel")+"]").

2. В jQuery API нет функции textinput(). Возможно, вы имели в виду text()?

Наконец, вам не нужно делать $(...).change(function()...).change() - $(...).change(function()...) будет достаточно.