Question

我有以下代码来获取下拉列表的值。我遇到的问题是，由于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>

非常感谢！

Answer 1

将第一个选项设置为选定的默认值

<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>

保持默认值并传递它

1 个答案: