728x90
반응형

Front/JS & jQuery 454

[js][Bootstrap] multiselect의 width를 option값에 따라 설정하기

function adjustMultiselectWidth(multiselect) { var maxOptionWidth = 0; // 모든 옵션의 너비를 비교하여 최대 너비를 계산합니다. $(multiselect).find('option').each(function() { var optionWidth = $(this).text().length * 8; // 폰트 크기와 관련된 값을 조정하여 옵션 텍스트의 길이에 따른 예상 너비를 계산합니다. if (optionWidth > maxOptionWidth) { maxOptionWidth = optionWidth; } }); // 최대 너비를 멀티셀렉트에 적용합니다. ..

Front/JS & jQuery 2024.05.12

[jQuery] 선택자(selector) 확장검색

https://jang8584.tistory.com/221'aaa' 란 name 접근 $("input[name^='aaa']") =>'aaa' 로 시작하는 name 접근 DB에서 like 'aaa%' 와 동일 $("input[name*='aaa'" data-og-host="jang8584.tistory.com" data-og-source-url="https://jang8584.tistory.com/221" data-og-url="https://jang8584.tistory.com/221" data-og-image="https://blog.kakaocdn.net/dna/HfBhe/hyV2DGI5ns/AAAAAAAAAAAAAAAAAAAAADzRNgd1pK7sW6udMeSIputqlzhREhiQEcLn5V7rWxf6/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1761922799&allow_ip=&allow_referer=&signature=IJ2yV1e%2BkFWmplmfBdlZFPCpltM%3D

Front/JS & jQuery 2024.05.10

[jQuery][datatables] td안에 bootstrap multiselect 넣기

안에 multiselect 를 넣어서 만드려고 하는데, 요소바깥에는 multiselect의 dropdown menu가 숨겨지는 현상이 발생하였다. 해결방법은 부모요소에 CSS설정을 해주는 것이다.div.multiselect-parent { position: relative; /* 부모 요소를 relative 포지션으로 설정합니다. */ overflow: visible; /* 부모 요소의 내용이 벗어난 부분을 숨기지 않습니다. */}

Front/JS & jQuery 2024.05.05

[js][Echarts] Click event, 클릭한 차트의 Id 구하기

echart 클릭 이벤트로 클린한 차트의 id 구하기myChart.on('click', function(params) { var chartId = params['event']['target']['id']; console.log("Clicked chart ID: ", chartId);}); 그런데, 이것은 차트영역 div의 id 속성이 아니라, echarts에서 지정한 차트 요소 각각의 id여서, 원한값이 아니었고, var chartContainerId = 'chartContainer';var chartContainer = document.getElementById(chartContainerId);var myChart = echarts.init(chartContainer);chartContain..

Front/JS & jQuery 2024.05.04

[js] concat()

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/concat Array.prototype.concat() - JavaScript | MDNArray 인스턴스의 concat() 메서드는 두 개 이상의 배열을 병합하는 데 사용됩니다. 이 메서드는 기존 배열을 변경하지 않고, 새 배열을 반환합니다.developer.mozilla.org Array 인스턴스의 concat() 메서드는 두 개 이상의 배열을 병합하는 데 사용됩니다. 이 메서드는 기존 배열을 변경하지 않고, 새 배열을 반환합니다.

Front/JS & jQuery 2024.04.26
728x90
반응형