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

我有一个select下拉列表，其中动态填充了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>

最佳答案

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

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