我有以下代码来获取下拉列表的值。我遇到的问题是,由于onchange事件属性,如果用户没有选择选项,则不会传递第一个值。有没有一种方法可以在没有变化时定义传递第一个值?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Demo GetSelectOptionData</title>
<select name="mySelect" id="mySelect" onchange="getSelectedValue();">
<option value="aaaaaaaaa.xml">Text 1</option>
<option value="bbbbbbbbb.xml">Text 2</option>
</select>
<form action="test">
Value1: <input id="myField" type="text" value=""><br>
<input type="submit" value="Submit">
</form>
<script type="text/javascript">
function getSelectedValue() {
var value = document.getElementById('mySelect').value.split('.');
document.getElementById('myField').value = value[0];
}
</script>
</body>
</html>
非常感谢!
答案 0 :(得分:0)
将第一个选项设置为选定的默认值
<option selected="selected" ...
并在定义完所有内容后调用getSelectedValue()
<script type="text/javascript">
function getSelectedValue() {
var value = document.getElementById('mySelect').value.split('.');
document.getElementById('myField').value = value[0];
}
getSelectedValue()
</script>