표시 선택된 값은

Question

이 내 이전 질문에 대한 후속이다 : 그들은 내가 할 수있는 그러나 수정 된 때 제공된 도움말이 나를 선택한 값을 캡처 할 수

Displaying Selected Values in Drop-Down List With Multple = On 페이지가 처음로드 될 때 초기 값 (선택)을 캡처하는 방법을 파악하지 못합니다.

function myFunction() { 
     var x = $('select[name=Car]').val() 
     $('#demo').html("You selected: " + x.join(", ")) 
    } 
    $('select[name=Car]').change(function() { 
    myFunction(); 
    }); 
    $('select[name=Car]').load(function() { 
    myFunction(); 
    }); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<p>Select a new car from the list.</p> 

<select name="Car" multiple="on" size="5"> 
    <option value="Audi">Audi 
    <option value="BMW" selected>BMW 
    <option value="Mercedes">Mercedes 
    <option value="Volvo" selected>Volvo 
</select> 
<br> 
The car is: 
<p id="demo"></p> 

https://jsfiddle.net/2gq824q2/18/

페이지가로드 된 후, 다른 선택이 이루어질 경우 변경 될 때,이 경우 BMW 벤츠의 초기 값 (들)을하고자

가 도시된다.

Answer 1

망가은 .load를 사용 - (페이지가로드 된 후) 단순히 페이지로드에 myFunction 전화 :

$(document).ready(function() { 
    myFunction(); 
}); 

https://jsfiddle.net/2gq824q2/19/

.load이 페이지에서 다른 페이지를로드하기위한 것입니다.

Answer 2

원본 코드에서 조금 벗어나서 다시 기여하고 싶었습니다.

<script> 
function showDropDownValues() { 
var str = ""; 
$("select[name=Car] option:selected").each(function() { 
    str += $(this).text() + ", "; 
    }); 
$('#demo').html("You selected: " + str); 
}; 

$("select[name=Car]").change(function() { 
showDropDownValues(); 
}); 

showDropDownValues(); 
</script> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<p>Select a new car from the list.</p> 

<select name="Car" multiple="on" size="5"> 
<option value="Audi">Audi Car</option> 
<option value="BMW">BMW Car</option> 
<option value="Mercedes" selected>Mercedes Car</option> 
<option value="Volvo">Volvo Car</option> 
</select> 


The car is: 
<p id="demo"></p> 

https://jsfiddle.net/2gq824q2/25/