Javascript 将选定属性设置为动态制表的选项列表

我有一组动态列表的选项。
例如：下面是一组正在制表的选项示例：
选项1
选项2
选择3

在这里，我没有明确地将任何选项设置为默认值，因此，按照惯例，它将option1设置为默认值。
但是，在我的用例中，我要做的是搜索整个选项，检查是否有名为option3的选项，如果它存在，然后通过添加selected=selected属性将其设置为默认值

下面是关注的代码片段：

1。HTML

<div class="form-grp">
    <label for="selectOption">Select Option</label>
    <select class="form-ctl" id="selectTemplate" data-field-type="option" class="tempList">                     
    </select>
</div>

选择选项

2。JS

    var optionList = _.map(optObj, function(opt){
        return '<option>' + option.name + '</option>';
    });
 $('[data-field-type="option"]').html(optionList);

var optionList=\映射（optObj，函数（opt）{
返回“”+option.name+“”；
});
$（'[data field type=“option”]'）.html（optionList）；

• 这里，optionList是一个对象，我正在从该对象获取选项名

谁能帮我一下吗。
我尝试了以下方法，但没有成功

var html = _.map(templates, function (template) {
  for(i=0;i<templates.length;i++){
      if(template.name=="story"){
          $( function() {
             $(".tempList option:selected").attr("selected", "selected");
          });
       }
   return '<option>'+ template.name + '</option>';
 }
});

var html=..map（模板，函数（模板）{
对于（i=0；i如果我正确理解了您的意思，您希望将一个选项设置为根据其内容选择的选项，这样您就可以在其内部这样做：


const optObj=[
{name:“Option1”}，
{name:“Option2”}，
{name:“Option3”}，
];
常量optionList=optObj.map（函数（选项）{
返回“”+option.name+“”；
});
$（'[data field type=“option”]'）.html（optionList）；
功能选择选项按内容（内容）{
$（`select option:contains（“${content}”）`）.prop（'selected'，true）；
}
选择OptionByContent（“Option3”）；

选择选项
Hello@Saar，感谢您的快速回复。上述解决方案正是我想要的。再次感谢。非常感谢。