如何使用jQuery在selectbox中选择一个值？

我有一个多选下拉框和一个输入如下：

 Hot Offer Best Offer Special / Festival Offer Side Offer Top Offer Megha classified Offers Buy One / Get One Offer Inagural Offer   

现在我希望在没有页面刷新的情况下提供 offer_type的选定值。 与Jquery。

Answer 1

这应该为你做，你不需要任何PHP，只需jQuery：

 $(document).ready(function() { $('select[name="offer_type"]').change(function() { var selectedValue = $(this).find('option:selected').val(); $('input[name="offer"]').val(selectedValue); }); }); 

对于多重选择，尝试这样的事情：

 $(document).ready(function() { $('select[name="offer_type"]').click(function() { var selectedValsAsString = ''; $(this).find('option:selected').each(function() { selectedValsAsString += $(this).val()+' '; }); $('input[name="offer"]').val(selectedValsAsString); }); }); 

这将在文本字段中以空格分隔显示您的答案。

Answer 2

获取表单字段的值：

 $(function() { $('select[name="offer_type"]').change(function() { document.write( 'offer type: ' + $('select[name="offer_type"]').serialize() + '
' + 'offer name: ' + $('input[name="offer"]').val() ); }); });