디스플레이 선택 상자의 옵션을 선택 변수

Question

예를 들어

, 선택 상자

<select> 
    <option selected="" value="">Please Select</option> 
    <option value='txt'>Text</option> 
    <option value='int'>Numbers</option> 
    <option value='bool' >Boolean</option> 
</select> 

내가 달성하고자하는 어떤

$messageList=array ('txt'=>'text message', 'int'=>'int message', 
        'bool'=>'bool message'); 

이 때 optition 메시지를 해당 표시하는 것입니다 문자열을 가지고 선택입니까?

Answer 1

나는 PHP를 모르지만 먼저 PHP 배열을 자바 스크립트 객체로 변환하려면 json_encode을 사용해야한다고 생각합니다.

<?php 
    $messageList=array ('txt'=>'text message', 'int'=>'int message','bool'=>'bool message'); 

    echo var msgs = json_encode($messageList); 
?> 

http://php.net/manual/en/function.json-encode.php 그리고는, 자바 스크립트

$('select').change (function() { 
    alert(msgs[$(this).val()]); 
}); 

은 또한 당신은 선택을위한 class/id이 필요합니다. 페이지에서 선택 상자의 옵션을 변경할 때 위 코드가 실행되기 때문입니다. 당신이 게시 된 배열이 (당신이 PHP의 연관 배열 표기법을 사용했던 것 같다) 자바 스크립트 객체를 될 운명 것을 가정

Answer 2

:

​var sel = document.getElementsByTagName('select')[0], 
    $messageList= { 
    'txt' : 'text message', 
    'int' : 'int message', 
    'bool' : 'bool message' 
    }; 

sel.onchange = function(){ 
    var selected = this.value; 
    alert($messageList[selected]); 
};​​ 

JS Fiddle demo.

Answer 3

당신이 jQuery를 사용하여이 작업을 수행하려면 여기

$messageList= { 'txt':'text message', 'int':'int message','bool':'bool message' }; 

$('#choices').change(function() { alert($messageList[ $(this).val() ]); });​ 

JFiddle :

http://jsfiddle.net/yCHqy/