선택한 드롭 다운 옵션 표시

Question

안녕하세요. 내 첫 번째 질문입니다.

처음입니다.

값이 내부에있는드롭 다운을 만들었습니다. 드롭 다운에서 '선택됨'또는 '클릭 한'옵션을 '반향 또는 표시'하고 싶습니다. 예 : 'foo '드롭 다운에서'foo '라는 텍스트가 echo'd/display 된 화면에 표시됩니다.

페이지 등을 새로 고치지 않고도이 작업을 수행하고 싶습니다. PHP/html 및 가능한 javascript/jquery를 사용할 것으로 알고 있습니다.

누군가 기본 스크립트/데모를 쓸 수 있습니까^ 감사합니다.

Answer 1

이것은 매우 간단한 작업입니다 그리고 당신은 PHP를 필요가 없습니다 또는

여기 당신을 위해 작동 할 수있는 빠른 해결책이다 JQuery와 =) :

HTML :

<select> 
    <option value="foo">foo</option> 
    <option value="bar">bar</option> 
</select>  

<div></div> 

은 JS :

var select = document.querySelector("select"); 
var div = document.querySelector("div"); 

select.onchange = function(e){ 
    alert(this.value); 
    div.innerText = this.value; 
}; 

Example

Answer 2

글쎄 여러 가지 방법이 있습니다. 간단한 방법은 드롭 다운에서 jqwery 변경 메소드를 사용하는 것입니다. 다음을 수행 할 수 있습니다.

foo는 ... ...이 도움이

$(document).ready(function() { 
    $("#choose").change(function() { 
     var val=$("#choose").val(); 
     $("#out").html(val); 
    }); 
    }); 

희망.