javascript - 如何在java脚本中替换列表框中的值

Question

在java脚本中替换列表框中的值...

<select id="list" >
    <option value="1">Null value</option>

    <option value="1">item 1</option>

    <option value="2">item 2</option>

    <option value="3">item 3</option>

    <option value="4">item 4</option>

    <option value="0">All</option>

</select>

所以在第一个选项中存在 NULL 值如何删除或替换为 javascript 中的任何文本？？？

Answer 1

您应该首先为盒子提供一个 ID，以便通过 JavaScript 访问它。然后，您可以使用一个按钮，通过单击更改 ID 的 innerHTML（也许您想使用 JQuery，但这是您的选择）。

这是一个例子：

<select id="list" >
<option id="firstOption" value="1">Null value</option>

<option value="1">item 1</option>

<option value="2">item 2</option>

<option value="3">item 3</option>

<option value="4">item 4</option>

<option value="0">All</option>

<input type="button" onclick="document.getElementById('firstOption').innerHTML='Changed';"/>

你也可以通过它的类来访问元素，但是一旦你添加了更多的选项，它就会导致问题。

Answer 2

可能以下会帮助你...

Codepen 演示

JS：

document.getElementById("list").options[0]=new Option("New Text", "newval", true, false)

如果要更改任何位置存在的 Null 值，可以尝试以下操作。

var options = document.getElementById("list").options;
for(var i=0;i<options.length;i++) {
  if(options[i].innerHTML == "Null value") {
    document.getElementById("list").options[i]=new Option("New Text", "newval", false, false)
  }
}

Answer 3

试试这个：http: //jsfiddle.net/25MVf/

<select id="list" >
    <option value="1">Null value</option>

    <option value="1">item 1</option>

    <option value="2">item 2</option>

    <option value="3">item 3</option>

    <option value="4">item 4</option>

    <option value="0">All</option>

</select>

<div id='change'>Change Value</div>


var chg = document.getElementById('change');
chg.onclick = function () {
    var slt = document.getElementById('list');
    slt.children[0].text = "Value Changed";
}

Answer 4

您可以使用jQuery循环遍历元素并找到任何“空值”并将它们替换为您需要的任何内容：

$(document).ready(function () {
  // loop through all options in a list
  $('#list').find('option').each(function (index) {
    // if text is what you need
    if ($(this).text() == 'Null value')
        // replace it 
        $(this).text('Whatever')
  });
});

这是工作示例http://jsfiddle.net/GuWtD/

即使Null 值不是第一个并且在列表中是多个值，这也有效。