使用Javascript - 获得的Dropbox菜单

的属性我有这样的HTML代码：使用Javascript - 获得的Dropbox菜单

<select id="ITAAServerList" name="ITAAServerList" style="visibility:visible"> 
    <option ServerName="SERVER01" IPAddress="192.168.46.1" StartPageName="SERVER01_Start.html">SERVER01</option> 
    <option ServerName="SERVER02" IPAddress="192.168.46.2" StartPageName="SERVER02_Start.html">SERVER02</option> 
    <option ServerName="SERVER03" IPAddress="192.168.46.3" StartPageName="SERVER03_Start.html">SERVER02</option> 
</select> 
<button type="submit" name="oNext" id="oNext" onclick ="OnClickNext()" class="item cursor-pointer login-button">LOGIN</button> 
... 
<script type="text/javascript" src="onclicknext.js"></script>

这JS代码：

function OnClickNext() { 
    var oITAAServer = document.getElementById('ITAAServerList').options[this.selectedIndex].getAttribute('StartPageName'); 
    alert(oITAAServer); 
};

我不能得到StartPageName从下拉菜单中的属性。帮帮我？

来源

2017-09-23 Vadim K.

刚刚更新的JS代码。 –

你几乎在那里 - 你只需要对元素执行.selectedIndex而不是对this。

function OnClickNext() { 
 
    var selectElement = document.getElementById('ITAAServerList');  
 
    var selectedOption = selectElement.options[ selectElement.selectedIndex ]; //not this.selectedIndex 
 
    var oITAAServer = selectedOption.getAttribute('StartPageName'); 
 
    alert(oITAAServer); 
 
};

<select id="ITAAServerList" name="ITAAServerList" style="visibility:visible"> 
 
    <option ServerName="SERVER01" IPAddress="192.168.46.1" StartPageName="SERVER01_Start.html">SERVER01</option> 
 
    <option ServerName="SERVER02" IPAddress="192.168.46.2" StartPageName="SERVER02_Start.html">SERVER02</option> 
 
    <option ServerName="SERVER03" IPAddress="192.168.46.3" StartPageName="SERVER03_Start.html">SERVER03</option> 
 
</select> 
 
<button type="submit" name="oNext" id="oNext" onclick ="OnClickNext()" class="item cursor-pointer login-button">LOGIN</button>

来源

2017-09-23 21:53:25

惊喜 - 惊喜 - 它的作品！谢谢@Duncan！ –

没问题 - 祝您的项目好运！ –

这样做，但我建议避免很长的行，做很多事情 - 使代码难以维护和管理。 –

使用Javascript - 获得的Dropbox菜单

回答

相关问题