javascript - 设置元素 id = javascript 函数

Question

所以我有一个问题，我不是 100% 确定如何解决。我循环遍历字符串列表并创建多种形式，我想要做的是将元素的 id 设置为字符串减去空格。我有一个 javascript 函数来删除空格

function trimWhiteSpaces(name) {
return name.replace(/\s+/g, '');
}

下面是我当前生成表单的代码:

@(name: List[String])

...

@for(name <- names) {
        <td>@name
        @form(routes.Application.makeCall()) {
        <div id="hiddenForm" style="visibility:hidden">
            <input type="text" name="commandID" id="id@name" value="10" />
            <input type="text" name="source" id="sourceCall@name" value="source" />
            <input type="text" name="destination" id="dest@name" value="@name" />
        </div>
        <input type="submit" value="Call" id="call@name"/>
        }
}

但我想做的是:是这样的:

<input type="submit" value="Call" id="call{js:timWhiteSpaces(@name)}"/>

如有任何帮助，我们将不胜感激。我认为可行的另一个选项是传递具有两个选项的新自定义对象而不是传递字符串。但由于我不是 html/javascript 方面的专家，我想知道是否有办法在 javascript 中做到这一点？

Answer 1

我建议您在服务器端执行此操作，如

id="@(name.replace(" ", ""))"