javascript - HTML/JS : How to change option value of select type using JS

Question

我一直在尝试找出如何为选择类型中的选项设置值。但无论我多么努力去理解，我就是做不到(感到羞愧)..

所以我希望你们能帮助我，因为你们之前已经帮助过我很多次了.. :)

假设我们有:

<select name="box" id="test">    
<option value='tval'>Content</option>

下一段代码不应该将文本从“Content”更改为“box”吗？

function changeContent(form){
form.document.getElementById('test').options['tval'].value = 'box';
}

还是我完全错了？我查阅了很多不同的文章，但没有人能帮助我理解如何做到这一点。

谢谢大家!

Answer 1

如果您需要更改文本而不是值；

function changeContent(){
     document.getElementById('test').options[0].text = 'box';
}

同时设置值和文本；

function changeContent(){
     var opt= document.getElementById('test').options[0];
     opt.value =  'box';
     opt.text = 'box';
}