프론트엔드/Javascript29 [jquery] select box 제어하기 option 선택 Query로 선택된 값 읽기 $("#selectBox option:selected").val(); $("#select_box > option:selected").val() $("select[name=name]").val(); jQuery로 선택된 내용 읽기 $("#selectBox option:selected").text(); 선택된 위치 var index = $("#test option").index($("#test option:selected")); ------------------------------------------------------------------- // Add options to the end of a select $("#selectBox").append("Apples"); $(.. 2021. 6. 14. jquery table tr td input 데이터 가져오기 - eq(i) 사용하기 동적으로 테이블을 생성한 후 테이블 td값 안에있는 input이나 select 안에 있는 값을 가져오고 싶었다. $('#table').val(); 로 값을 가져올 수 있지만 테이블 전체 td값을 가져와서 사용하고 싶어서 for, each 문을 사용해서 가져오고싶었다. eq = equals 번지수를 의미한다. var paramtd = []; $('#param_tbody tr').each(function(i, n){ //console.log('paramtable > ',i,n) var $row = $(n); //eq = equals(번지수를 의미) paramtd.push({ param_id: $row.find('td:eq(0)').find("input").val(), param_usage: $row.find.. 2021. 5. 14. datatables 날짜 포맷 datatables 에서 날짜포맷을 사용하고자 한다. head 안에 추가하고 datatable 날짜 포맷을 설정해주면된다. render 함수가 올바르게 표시 되어야 한다. $("#dataTable_p1").DataTable({ columns : [{ "data": "createdDate", render: function(data, type, row){ if(type === "sort" || type === "type"){ return data; } return moment(data).format("YYYY-MM-DD HH:mm"); } } ] }); 2021. 5. 6. datepicker 동적 추가 시 생기는 에러 1. 동적 datepicker생성 시 달력이 선택 안됨 //동적 datepicker생성 시 달력 선택 안됨(안보임) $(document).find(".datepick").removeClass('hasDatepicker').datepicker(); 2. 여러개의 달력을 동적으로 생성했는데 두번째 달력을 선택 후 값을 입력하면 첫번째 달력에 값이 표시되는 현상 발생 $(document).ready(function (){ $(".datepick").each(function(){ $(this).datepicker(); }); }); 2021. 4. 15. form 데이터 전송 / 동적 생성된 객체도 form 으로 전송 form 으로 데이터를 전송할 때 는 name 태그가 필요하다 name id가 중복적으로 사용되어서는 안된다. 2021. 4. 15. [jquery] 동적 객체 추가 후 datepicker() 사용하기 jQuery 라이브러리 사용중 datepicker()를 사용할 때 동적으로 추가된 요소에는 datepicker()가 적용되지 않는다. datepicker 선언 hasDatepicker class의 문제로 해당 클래스를 제거 후 다시 datepicker를 설정하면 작동이 된다. //동적 생성된 요소에 datepicker 사용하기 $(document).find(".datepick").removeClass('hasDatepicker').datepicker(); 2021. 4. 14. 이전 1 2 3 4 5 다음