Question

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

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

Answer 1

如果您有一个下拉列表（即Build Settings元素），select元素的value属性与显示给用户的文本无关。

你可以有一个

option

如果需要从数组中填充select，那么您可以使用JavaScript创建DOM元素并将它们添加到相应的<option value="value that you want to have in code"> Text that your user should see </option>`节点。

HTML

select

JS

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

应该生成

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

Answer 2

您可以使用选项的value属性：

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

获取当前值的Javascript：

var ele = document.getElementById('my-select');
var myValue = ele.options[ele.selectedIndex].value;

Answer 3

简单：

＆＃13;

var selectValues = [10, 5, 0, -5, -10];
$.each(selectValues, function(key, value) {   
     if(value==0){
       $('#cars')
         .append($("<option ></option>")
         .attr("value",value)
         .text("Select")); 
     }else{
       $('#cars')
         .append($("<option ></option>")
         .attr("value",value)
         .text(value)); 
     }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form action="demo_form.asp">
  <select id="cars" name="cars">
    
  </select>
  <input type="submit" value="Submit">
</form>

＆＃13;

Javascript表示任何字符串的整数

3 个答案: