javascript - 使用 Javascript 将选择选项大写

Question

我有一个下拉菜单。

我一直在尝试将我的选择选项中的文本大写，但我无法使其工作。

<小时/>

JS

$.each(responseData.assignments, function(i, v) {
  var chapterNum = v.contentLabel;
  var assessmentType = v.assessmentType.toLowerCase().replace(/_/g, " ");

  var sameAssignmentType = $('#assignment-type-dd option').filter(function(){
      return $(this).text() == assessmentType;
  })

  if(!sameAssignmentType.length){
    $('#assignment-type-dd').append('<option value="' + assessmentType + '">' +
        assessmentType + '</option>');
  }

});

我尝试将此代码链接到我的assessmentType:

.charAt(0).toUpperCase() + this.slice(1)

但是一旦我这样做就会出现错误:

未捕获类型错误:this.slice 不是函数

有人可以在这里给我一点提示吗？谢谢。

Answer 1

这应该可行(CSS 方法)

#assignment-type-dd option {
    text-transform: capitalize;
}

如果您需要将整个选项文本设为大写，请使用此选项。

#assignment-type-dd option {
    text-transform: uppercase;
}

如果您真的讨厌 CSS 或者需要将大写文本传递到服务器或进行其他操作，请使用下面的 JavaScript 代码

var capitalizeMe = "";
$("#assignment-type-dd option").each(function() {

  capitalizeMe = $(this).text();
  $(this).text(capitalizeMe.charAt(0).toUpperCase() + capitalizeMe.substring(1));
});

玩吧here