HTML의 버튼을 사용하여 select에서 값을 가져 오는 방법은 무엇입니까?

Question

나는 내 코드에서 버튼을 추가하려면 : 나는 버튼을 클릭하면

<div class="content" data-role="content" id="content" > 
     <div id="car"> 
      <select name="selectCar" class="span12" id="Options" > 
      <option value="-1">Bir istasyon seçiniz.</option> 
      <option value="1">Mimarlık</option> 
      <option value="2">Yurtlar</option> 
      <option value="3">Bilgisayar Mühendisliği</option> 
      <option value="4">Kimya Mühendisliği</option> 
      <option value="5">Rektörlük</option> 
      </select> 
     </div> 
     <div id="cinfo"></div> 

     <button onclick="javascript:callCarInfo(this);">Call PodCar</button> 
</div> 

, 내 함수에 <select> 요소의 값을 보내려고합니다. 아무도 이것으로 나를 도울 수 있습니까?

Answer 1

function.call을 사용하여 값을 보낼 수 있습니다. 나는 왜 그렇게하고 싶은지에 대한 실용적인 목적에 확신한다. 함수 내부의 select 값에 직접 액세스 할 수도 있습니다.

<button onclick="javascript:callCarInfo.call(this,document.getElementById('Options').value);">Call PodCar</button> 

function callCarInfo(arg) 
{ 
    alert(arg); 
} 

여기 this 함수 내부

http://jsfiddle.net/8a3zJ/

Func.Call

버튼 콘텍스트 자체를되며 arg는 드롭 값을 선택한다.

Answer 2

jquery를 사용하면 버튼을 클릭 할 때 선택한 옵션을 사용할 수 있습니다.

이 기능을 사용해보십시오 :

function callCarInfo() 
{ 
    alert($('#Options :selected').val()); 
} 

여기 라이브 example입니다.

희망이 도움이됩니다.

Answer 3

JSfiddle

function callCarInfo(obj) { 
    var content = document.getElementById('content'); 
    var span12 = document.getElementsByClassName('span12')[0]; 

    obj.innerHTML = span12.value; 
}