javascript - 在选择下拉菜单中隐藏文件扩展名 (html/css)

Question

我有一个选择下拉列表，它动态填充了 ovpn 文件，因此它显示了，例如，United Kingdom.ovpn

我想隐藏 .ovpn 文件扩展名，但我无法使用下面似乎适用于常规 html 的脚本。

表单元素:

<select class="selectpicker1" name="ovpn-filename" id="ovpn-filename"></select>

我用来尝试隐藏文件扩展名 (.ovpn) 的脚本，它当前附加到一个按钮:

<button onclick="myFunction()">Hide Extension</button>

<script>
function myFunction()
{
var str=document.getElementById("ovpn-filename").innerHTML; 
var n=str.replace(".ovpn"," ");
document.getElementById("ovpn-filename").innerHTML=n;
}
</script>

Answer 1

var str = 'test.ovpn'; alert(str.slice(0, -5));

结果是“测试”删除最后 5 个字符试试这个概念……像你一样改变……