使用js加载索引页时，如何将下拉值设置为默认值？

Question

我正在使用wordpress模板，并且当使用jQuery完全加载索引页面以激活其他下拉菜单时，我想将我的下拉菜单值设置为usa作为默认值;这是我的功能代码：

jQuery(document).ready(function() {
  if (jQuery('.car_form_search').length) {

    /* load locations 0 level */
    var loc_0 = jQuery('.qs_carlocation0');

    if (loc_0.length) {

      var data = {
        action: "app_cardealer_draw_quicksearch_locations",
        parent_id: 0,
        level: 0,
        selected_region: loc_0.eq(0).data('location0')
      };

      jQuery.post(ajaxurl, data, function(response) {
        if (response && response != '0') {
          loc_0.append(response);
        }
      });

    }
  }

这是表单的截图：

Answer 1

假设#country是select国家/地区列表。 您可以将其设置为默认值，如下所示：

$('#country option[value="USA"]').prop('selected', true);

然后，要获取states的列表，您需要触发change event。

$('#country').change();

Answer 2

您可以使用.selectedIndex强制选择国家/地区<select>，然后触发change事件。

$("[country select]")[0].selectedIndex = 1  // Set the correct index for USA
$("[country select]").trigger("change");

在上面的代码中更改右选择器的[country select]。