我使用下面的jQuery代码将国家/地区列表放入 Select 选项中,并将用户的国家/地区设置为默认.

如果我登录控制台,代码显示我正在正确识别用户国家/地区,并且在我的项目中,它有一个空白,在该选项被选中的地方,它是空白的.

为什么会这样,我应该try 不同的做法吗?

  const sortedData = result.data.sort();
  for (var i = 0; i < sortedData.length; i++) {
    if (sortedData[i] === userCountry) {
      $("#country-selector").append(
        $("<option selected>", {
          value: sortedData[i],
          text: sortedData[i],
        })
      );
    } else {
      $("#country-selector").append(
        $("<option>", {
          value: sortedData[i],
          text: sortedData[i],
        })
      );
    }
  }
};```

推荐答案

在要解析的元素HTML代码中传递selected属性似乎会干扰通过参数传递的属性的设置.也可以通过参数设置selected,如truefalse:

for (var i = 0; i < sortedData.length; i++) {
  $("#country-selector").append(
    $("<option>", {
      value: sortedData[i],
      text: sortedData[i],
      selected: sortedData[i] === userCountry // value of that comparison expression
                                              // will be either true or false
    })
  );
}

Javascript相关问答推荐

React Native平面列表自动滚动

为什么getRecord()会因为与_logger相关的错误而失败?(使用Hedera SDK)

使用JavaScript单击上一个或下一个特定按钮创建卡滑动器以滑动单个卡

如何使用侧边滚动按钮具体滚动每4个格?

Google Apps脚本中的discord邀请API响应的日期解析问题

Chromium会将URL与JS一起传递到V8吗?

构造HTML表单以使用表单数据创建对象数组

为什么按钮会随浮动属性一起移动?

我在我的Java代码中遇到了问题,代码的一部分看不到先前定义的对象

rxjs插入延迟数据

单个HTML中的多个HTML文件

Use Location位置成员在HashRouter内为空

Rxjs流中生成IMMER不能在对象上操作

使用Document.Evaluate() Select 一个包含撇号的HTML元素

JavaScript:多个图像错误处理程序

使用Perl Selify::Remote::Driver执行Java脚本时出错

Chrome上的印度时区名S有问题吗?

将匿名函数附加到链接的onClick属性

当一条路由在Reaction路由中命中时,如何有条件地渲染两个组件或更改两个插座?

在Reaction Native中,ScrolltoIndex在结束时不一致地返回到索引0