2016-01-07 74 views
-1

我有以下一段代碼來獲取下拉列表的值。我遇到的問題是由於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> 

非常感謝!

+1

爲什麼你選擇的形式之外後? – j08691

+0

爲什麼不在頁面加載時調用'getSelectedValue()'? –

+0

爲什麼不將第一個選項設置爲選定的默認值? 'selected =「selected」' –

回答

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> 
相關問題