Question

我正在尝试通过脚本更改下拉菜单中的选项 - 但似乎没有任何事情发生。没有错误。

这是脚本：

javascript:
var objDropDownMenuName = document.getElementsByName("jjoprs")[0];
function writeText(form) {
    $(objDropDownMenuName.options[1]).selected = true;
    $(objDropDownMenuName).change();
}
writeText(this.form);

以下是表单的html：

<select name='jjoprs' class='select2'>
                          <option value='NULL' selected> </option>
                          <option value='1060'>Sofi, Laco</option>
<option value='5160'>Vandrlka, Edo</option>
                             </select>

谢谢！

编辑：我在IE8中执行此脚本

Answer 1

尝试使用正确的方法：

var sel = document.getElementsByName('jjoprs')[0];
sel.selectedIndex = 1;

Answer 2

function writeText(form) {
    objDropDownMenuName.options[1].selected = true;
    $(objDropDownMenuName).change();
}

不需要jQuery选择器来设置选项

因为你有jQuery：

 function writeText(form) {
     $('select[name="jjoprs"]')
         .find('options:nth-child(2)').attr('selected',true)
         .closest('form').submit();
  }

通过Javascript问题更改下拉列表中的选项

2 个答案: