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

Changing option in dropdown via Javascript issue

本文关键字:选项 下拉列表 Javascript 问题 通过      更新时间:2023-09-26

我正在尝试通过脚本更改下拉菜单中的选项 - 但是似乎什么也没发生。也没有错误。

这是脚本:

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中执行此脚本

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();
  }

尝试使用正确的方法:

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