保留默认值并将其传递

Keep default value and pass it on

本文关键字：默认值 保留      更新时间：2023-09-26

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

非常感谢！

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

<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>
相关文章：