Javascript获取下拉列表框中文本值的示例代码。
最近,遇到了一个问题,也就是说,如果用户想要点击下拉列表中的一个,保存它们所选择的内容,例如,下面的HTML代码:复制代码代码如下所示:
北京
上海
广州
也就是说,当用户选择上海列时,需要保存上海的名称。实际上,方法非常简单:
复制代码代码如下所示:
功能选择(值){
var cityName;
VaR的城市document.getelementbyid(城市);
获取所选的城市名称
为(i = 0;i < city.length;i++){
如果(城市{ } }。选择= TRUE){
cityName =市{我}。innerText; / /关键点
警报(cityName:+ cityName);
}
}
你也可以这么做。
复制代码代码如下所示:
功能选择(值){
VaR的城市document.getelementbyid(城市);
警报(城市。选择{市。SelectedIndex }。innerText);
}
粗略地解释,首先,在HTML页面的一个下拉框,和一个ID城市开往这个下拉框,和一个onchange事件绑定了。通过此事件调用Javascript函数。
在Javascript函数,我们得到当前的节点下拉框元素通过domcument对象,因为该节点的值是不唯一的,所以我们可以通过环节点到每个选项的值。在回路,通过判断当前的选项,如果选中,选中的文本价值是通过市{我}获得。innerText方法。当然,如果你需要得到的期权价值,那么:市{我}的价值。
在这一点上,上述方法可以在IE下达到预期的结果,然而,在Firefox下测试时,发现该方法不起作用。最后,另一种方法是通过查阅资料发现,改变城市{我},{我} innerText城市。这方法既适用于IE和fixefox!