javascript - 条件在 javascript 中不起作用

Question

我在这里检查条件以在下拉框中选择值。但是下面一行似乎不起作用。

<option value="Chairman"'+ val["designation"]== "Chairmain" ? "selected" : "" +'>Chairman</option>

我认为 ' 和 " 有问题。我尝试了很多方法来修复它，但没有帮助。

以下是我正在使用的完整代码:

$.each(management_details,function(key,val){
    cnt++;
    htm += '<select name="management[]" class="repeat-select-management">\n\
        <option value="0">Select Management</option>\n\
        <option value="Chairman"'+ val["designation"]== "Chairmain" ? "selected" : "" +'>Chairman</option>\n\
        <option value="Vice Chairman">Vice Chairman</option>\n\
        <option value="Vice Chancellor">Vice Chancellor</option>\n\
        <option value="Secretary">Secretary</option>\n\
        <option value="Registrar">Registrar</option>\n\
        <option value="Dean">Dean</option>\n\
        <option value="Owner">Owner</option>\n\
        <option value="Other">Other</option>\n\
    </select>';
});

谁能建议我如何修复它？

Answer 1

在三元语句周围添加括号应该可以解决问题。

尝试替换这一行:

'<option value="Chairman"'+
    val["designation"]== "Chairmain" ? "selected" : "" +
    '>Chairman</option>\n\'

与:

'<option value="Chairman"'+
    (val["designation"]== "Chairmain" ? "selected" : "") +
    '>Chairman</option>\n\ '

JavaScript 可能对什么属于三元语句的 else 部分以及什么不属于感到困惑。

(我添加了单引号以消除在我的答案中放置整个多行字符串的需要)