使用.prop（＆＃39; selectedIndex＆＃39;，＃）的JQuery set select不起作用

Question

我使用以下行从选择菜单中设置选项：

$('select').prop('selectedIndex', 2)

使用以下网站作为示例： http://shoebaloo.nl/michael-by-michael-kors-chelsea-skate-leo-bruin-dessin-285000097-women-sneakers.html

我确实看到select选项转到第二个选项，但它与实际单击第二个选项的效果不同。

有人可以帮助我，以便页面真正识别我＆＃34;点击＆＃34;一个选项？

Answer 1

您需要使用选择器选择选项。

$('select option:eq(2)').prop('selected', true)

如果您希望手动触发点击或更改活动，可以使用.trigger('click')或.trigger('change')方法。

http://jsfiddle.net/j5v6tp7t/4/

Answer 2

您所要做的就是使用var inputGeoJson = '...some-GeoJSON-here...'; var geojson_format = new OpenLayers.Format.GeoJSON(); var vector_layer = new OpenLayers.Layer.Vector(); map.addLayer(vector_layer); vector_layer.addFeatures(geojson_format.read(inputGeoJson)); 来设置值。

例如：

.val()

$('select').val('2')

Answer 3

你的表达是正确的，但正确的语法是：

$('select').get(0).selectedIndex = 2;

http://jsfiddle.net/f4s762cq/