javascript 使用 getElementsById 设置选择元素选项

Question

我有一个表单，其中我使用 javascript 根据属性类型(房屋、公寓等)设置选择元素选项。当我使用 document.myForm.priceSelect.options 访问列表时，它现在正在工作。

我想通过 ID 而不是名称来访问它。因为我想同时设置名称和选项，以便在提交表单时，列表的名称将确定要执行的函数。一些代码来说明:

 if(prop_type == 'flat') {
            document.getElementById('priceRange').setAttribute('name', 'flatRange');
            .....

现在我在这里更改名为“priceRange”的选择列表的名称。我怎样才能使用 id 而不是名称来更改选项，如下所示:

document.searchForm.priceRange.options[1]=new Option("10000 - 20000", "10000 - 20000");

提前谢谢您...

更新:

更改后:(不起作用)

 if(prop_type == 'flat') {
            document.getElementById('priceRange').setAttribute('name', 'flatRange');
            document.getElementById('priceRange').options.length=0;
            document.getElementById('priceRange').options[0]=new Option("", "");
            document.getElementById('priceRange').options[1]=new Option("10000 - 20000", "10000 - 20000");

Answer 1

简单地使用

document.getElementById(yourId).options[1]=new Option("10000 - 20000", "10000 - 20000");