2013-04-04 75 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); 
相关问题