bootstrap 드롭다운 선택값 가져오기 질문 입니다.

Question

아래와 같은 화면을 드롭다운 메뉴로 만들었습니다. 클릭하면 선택한 값이 들어갑니다. html 코드입니다.

GET
POST

자바스크립트 코드입니다.$('#method_type li > a').on('click', function () { $('#method_status').text($(this).text()); httpMethod = $(this).attr('value'); console.log('선택된 메소드: ' + httpMethod); }); fuction send() { .......} 이런식으로 send 함수가 있을 때 저 htttpMethod 값을 가져오려면 어떻게 해야할까요?고수님들 도와주십쇼..!

킁킁탐정 · Answer

코드처럼 전역 변수로 대입하셨다면 send() 함수 내에서 httpMethod 변수를 참조하는데 문제가 없습니다.

댄토리 · Answer

httpMethod를 전역변수로 사용해도되지만,그보다는 input hidden 을 하나 선언해두고 on click 이벤트마다 input에 설정하거나attribute를 활용하는 방법을 추천드립니다. 1. input hidden 활용

GET
POST

$(function () { function send() { var httpMethod = $('#httpMethod').val(); } $('#method_type li > a').on('click', function () { $('#method_status').text($(this).text()); var httpMethod = $(this).attr('value'); console.log('선택된 메소드: ' + httpMethod); $('#httpMethod').val(httpMethod); }); });2. attribute or data 활용

GET
POST

$(function () { function send() { var httpMethod = $('#method_status').attr('data-method'); // or // var httpMethod = $('#method_status').data('method'); } $('#method_type li > a').on('click', function () { $('#method_status').text($(this).text()); var httpMethod = $(this).attr('value'); console.log('선택된 메소드: ' + httpMethod); $('#method_status').attr('data-method', httpMethod); // or // $('#method_status').data('method', httpMethod); }); });

Flame_Frozen · Answer

답변주신 모든분들 정말 감사드립니다!

bootstrap 드롭다운 선택값 가져오기 질문 입니다.

3개의 답변

#dropdown 목록