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

您应首先通过JavaScript为该框提供ID。然后你可以使用一个按钮来点击它来改变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 Demo

<强> 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

您可以使用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/

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

Answer 4

试试这个：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";
}

如何在javascript中替换列表框中的值

4 个答案: