2013-04-04 29 views
-1

我需要輸入的值屬性設置爲在選擇菜單中選擇的選項jQuery的設定輸入值屬性基於頁面加載所選的選項

<select id="choice"> 
    <option value="10">10</option> 
    <option value="20">20</option> 
    <option value="50">50</option> 
</select> 
<input type='text' id="other" class="test" value=""/> 

我使用jQuery是

var option = $('#choice').find(":selected").text(); 
$('#other').val(option); 

$('#choice').change(function() { 
    var selected_item = $(this).val() 
    $('#other').val(selected_item); 
    $('#other').attr('value', $('#choice').val()) 
}); 

這設置頁面加載時的輸入值。值屬性雖然只在.change事件上設置。當頁面加載到當前選擇的選項時,我還需要設置輸入的值屬性。

http://jsfiddle.net/peter/LaTXG/2/

由於

+0

文本輸入val爲等於其ATTR( 「值」)。我不明白你的問題,因爲它適合我。如果我將所選attr添加到其中一個選項,它將添加到文本框onload – skyfoot 2013-04-04 09:23:45

+0

_「我需要輸入的value屬性也被設置爲_,'value'是一個屬性,它是value屬性,它被髮送到服務器不是value屬性,讀了關於DOM和'val'方法。 – undefined 2013-04-04 09:26:45

+0

@undefined這不是一個真正的問題? – Anagio 2013-04-04 09:29:32

回答

1
$('#choice').on('change', function() { 
    $('#other').val(this.value); 
}).trigger('change'); 

FIDDLE

將設置的文本輸入值到選擇值,無論在頁面加載和變化。

-1

使用的setTimeout

setTimeout(function(){ 
var option = $('#choice').find(":selected").val(); 
$('#other').val(option); 
},500); 
相關問題