2011-03-14 5 views
1

드롭 다운을 제출하려면 버튼을 클릭하지 않고 양식을 제출할 수있는 방법이 있습니까? 내 사이트에서 즉시 언어를 변경할 수 있기를 원합니다. 나는 모든 언어를 설정했다. 내 드롭 다운은 다음과 같습니다.CodeIgniter 드롭 다운 (자바 스크립트)

<?php echo form_open('languages'); 
    $language = array(
         'select' => 'Select Language', 
         'english' => 'English', 
         'spanish' => 'Espa&ntilde;ol', 
         'german' => 'Deutsch', 
         'french' => 'Fran&ccedil;ais' 
        ); 

    echo form_dropdown('language', $language); 
    echo form_hidden('current_page', uri_string()); 
    echo form_submit('submit', $this->lang->line('header6')); 
    echo form_close(); 
?> 

제출 버튼을 사용하지 않고 양식을 얻으려면 어떻게해야합니까?

답변

1

가장 쉬운 방법은 jQuery를 사용하는 것입니다. 양식 및 드롭 다운에 ID가 있어야 해당 참조를 쉽게 할 수 있습니다.

$attributes = array('id' => 'form1'); 
echo form_open('languages', $attributes); 
... 
echo form_dropdown('language', $language, null, 'mydropdown'); 

또한 다음 자바 스크립트가 포함되어 있습니다.이 기능을 사용하려면 페이지에 jQuery를로드해야합니다. Google의 호스팅 버전을 포함 시켰지만 원하는 경우 로컬로 설치할 수 있습니다.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#mydropdown").live("change keyup", function() { 
       $("#form1").submit(); 
      }); 
     }); 
    </script> 

당신은 엄격하게 단순히 (변경으로이 경우 당신은) 라이브 ("변화"를 대체 할 수있는 (방금 변경 이벤트에 바인딩 할 수의 keyup에 결합 할 필요가 없습니다)하지만, 키보드 변경에의 keyup 커버 드롭 다운.

0

내가 어떤과의 onchange를 사용은 선택 메뉴를 살고 ... 아주 아주 쉽게 다른 방법을 발사 할 수 있습니다.

<select id="myID" onchange="alert('Fired!')"><option value="gold">Beer</option>

관련 문제