선택한 선택 옵션에서 텍스트 입력 업데이트

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의 값을 말한다. 선택한 옵션의 값을 참조해야합니다. 그러면 옆에 input이 없기 때문에 next()이 작동하지 않습니다. 그 사이에 label이 있습니다. 당신이 JQuery와 모바일입니다 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(function()...).change() 할 필요가 없습니다.