Javascript 将整数表示为任何字符串

Question

我需要帮助将整数表示为我选择的任何字符串(而不仅仅是整数的实际字符串表示形式)。

上下文 - 我在网络应用程序上有一个下拉框，其中包含放入数组 [10, 5, 0, -5, -10] 中的数字。在网络应用程序中，我需要 0 显示为字符串“Select”，但仍保留 int 0 的功能。如果在 JavaScript 中无法实现，可能有 HTML 或 CSS 解决方案。谢谢。

Answer 1

如果您有一个下拉菜单(即 select 元素)，则 option 元素的 value 属性独立于显示到的文本用户。

你可以拥有一个

<option value="value that you want to have in code">
    Text that your user should see
</option>`

如果需要从数组填充 select，那么您可以使用 JavaScript 创建 DOM 元素并将它们添加到相应的 select 节点。

HTML

<select id="selectbox"></select>

JS

array.forEach(function(e) {
    var option = document.createElement('option');
    option.value = e;
    option.textContent = e ? e : 'Select';
    document.getElementById('selectbox').appendChild(option);
});

应该生成

<select>
  <option value="10">10></option>
  <option value="5">5></option>
  <option value="0">Select</option>
  <option value="-5">-5></option>
  <option value="-10">-10></option>
</select>