HTML/JS:如何使用JS改变select type的选项值

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

本文关键字：JS type 选项 select 何使用 HTML 改变      更新时间：2023-09-26

我一直在试图弄清楚如何在选择类型中设置一个选项的值。但无论我多么努力去理解，我就是无法(感到羞耻).

所以我希望你们能帮助我，因为你们以前帮助过我很多次。:)

假设我们有:

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

下一个代码不应该将文本从"Content"更改为"box"吗?

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

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

谢谢你们了!

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

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

设置值和文本;

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

不，value是option元素的实际值，即用户提交表单时将发送的值。你要访问的是option元素的HTML，你必须像这样访问它:

form.document.getElementById('test').options['tval'].innerHTML='box'

将值从'tval'更改为'box'

我想你要找的是选项的内部文本。

W3CSchools.com有一个你在javascript中寻找的例子。你需要javascript，对吗?

http://w3schools.com/js/tryit.asp?filename=try_dom_option_settext

删除form.部分并使用:

document.getElementById('test').options[0].innerHTML = 'box';

见http://jsfiddle.net/hMqFE/

您应该在这里使用该选项的index。下面是工作示例http://jsfiddle.net/LaMJ9/

代码
document.getElementById('test').options[0].value = 'box';

编辑

在jsfiddle http://jsfiddle.net/LaMJ9/1/

添加了先前值和新值的警报
相关文章：