selectedOptions [0] .textContent;不在IE或Firefox中工作

时间:2012-12-06 21:47:01

标签: javascript html

function call(op) {
    var x = op.selectedOptions[0].textContent;
    var n = x.substring(0, 3);
    //alert(n);
    document.pts.inputbox.value = n;
    document.pts.submit();
}

我有一个函数可以从列表框中的选定选项中获取标签值,然后它会删除前3个字母并将该信息传递给输入框值。

问题在于js如何抓取选定的选项标签文本内容。它似乎在Chrome中工作得很好,但在firefox17和IE9中没有任何反应。有关更好地获取所选选项标签值的任何建议吗?

编辑: 我不能使用选项值,该值保留用于更具体的值 在JSfiddle中一切正常。

2 个答案:

答案 0 :(得分:25)

试试这个

function call(op) {
    var x = op.options[op.selectedIndex].text;
    var n = x.substring(0, 3);
    alert('Index : '+op.selectedIndex+' and first 3 lettrs are : '+n);
}

DEMO

答案 1 :(得分:13)

基于快速JSFiddleselectedOptions集合尚未得到广泛支持。

<强>失败/不支持:

  • IE10(桌面或地铁)
  • IE11
  • Safari 7
  • iOS6 Opera Mini
  • Android 4.0.4浏览器
  • Android 4.0.4 Firefox浏览器

<强>使用:

  • Chrome 23.0.1271.95
  • Opera 12.11
  • BlackBerry 10 Browser
  • iOS6 Safari
  • iOS6 Chrome
  • Android 4.0.4 Opera Mobile Browser
  • Firefox 53.0
  • 边缘