$("#select메뉴 ID").val("value값");
select메뉴중 value값을 value로 갖고있는 항목으로 변경된다.
만약 onchange에 이벤트를 걸어두었다면
$("#select메뉴 ID").val("value값").change()로 변경된 값을 적용해 이벤트를 호출할 수 있다.
| [AJAX] xmlhttprequest 서버 응답 (0) | 2017.09.12 |
|---|---|
| [JavaScript] IE팝업 경고창 없이 닫기. (0) | 2017.09.11 |
| [Javascript] 한글 깨짐 문제 (0) | 2017.08.03 |
| [jQuery] Multiple selector와 .find() 비교 (0) | 2017.05.22 |
| [JavaScript] 데이터 형식 확인하기 (0) | 2017.04.28 |
1. 문제.
한글이 깨져보인다.
2. 원인.
웹에서의 한글 인코딩 관계는 UTF-8이면 UTF-8, EUC-KR이면 EUC-KR끼리 밖에 제대로 표현을 못한다.
3. 해결.
charset 옵션을 EUC-KR 또는 UTF-8로 변경한다.
4. 추가 문제.
1. 문제.
charset옵션 변경을 했더니 팝업은 한글이 제대로 보이나 페이지는 한글이 깨진다.
2. 원인.
페이지와 팝업창의 인코딩이 다른듯 하다.
3. 해결.
팝업을 띄우는 js파일의 charset만 따로 변경한다.
4. 예시.
js파일을 불러올때
<script language="JavaScript" src="./js/myJSFile.js" charset="UTF-8"></script> 과 같이
필요한 js 파일에만 charset을 별도로 지정해본다.
| [JavaScript] IE팝업 경고창 없이 닫기. (0) | 2017.09.11 |
|---|---|
| [jQuery] select 메뉴 값 변경하기 (0) | 2017.09.05 |
| [jQuery] Multiple selector와 .find() 비교 (0) | 2017.05.22 |
| [JavaScript] 데이터 형식 확인하기 (0) | 2017.04.28 |
| [contextMenu] item type (0) | 2017.03.07 |
reference
http://stackoverflow.com/questions/6230266/jquery-single-selector-vs-find
https://jsperf.com/selector-vs-find-again
| [jQuery] select 메뉴 값 변경하기 (0) | 2017.09.05 |
|---|---|
| [Javascript] 한글 깨짐 문제 (0) | 2017.08.03 |
| [JavaScript] 데이터 형식 확인하기 (0) | 2017.04.28 |
| [contextMenu] item type (0) | 2017.03.07 |
| [jQuery UI] [selectmenu] selectmenu 길이 조정하기. (0) | 2017.02.24 |
자바스크립트에서 데이터 형식(type)확인 하기.
typeof(someValue);
반환값은 "number", "string", "boolean", "object", "function", "undefined"
E.g.
if(typeof(strValue) === "string") { ... }
if(typeof numVal === "number") { ... }
예제에서 보듯이 괄호는 선택사항이다.
| [Javascript] 한글 깨짐 문제 (0) | 2017.08.03 |
|---|---|
| [jQuery] Multiple selector와 .find() 비교 (0) | 2017.05.22 |
| [contextMenu] item type (0) | 2017.03.07 |
| [jQuery UI] [selectmenu] selectmenu 길이 조정하기. (0) | 2017.02.24 |
| [jQuery] Checkbox 체크 및 변경 이벤트 처리. (0) | 2017.02.06 |
- contextMenu에서 다양한 타입의 아이템을 설정.
1. 기본 item설정.
items: {
"item1": {name: "Item1"},
"item2": {name: "Item2"}
}
2. text를 입력할 수 있는 text item설정.
items: {
"Text": {
name: "Text",
type: 'text',
value: "SomeValue",
events: {
keyup: function(e) {
//keyup event
}
}
}
}
3. Checkbox item설정
items: {
"cb1" : { name: "Check Box 1", type: 'checkbox', selected: true },
"cb2" : { name: "Check Box 2", type: 'checkbox', selected: false }
}
4. Radio item 설정
items: {
"Radio1": { name: "Radio1", type: 'radio', radio: 'radio', value: '1'},
"Radio2": { name: "Radio2", type: 'radio', radio: 'radio', value: '2', selected: true },
"Radio3": { name: "Radio3", type: 'radio', radio: 'radio', value: '3', disabled: true }
}
5. Select menu item 설정
items: {
"SelectMenu": {
name: "SelectMenu",
type: 'select',
options: {1: 'opt1', 2: 'opt2', 3: 'opt3'}, selected: 2 }
}
}
6. 구분선 추가
items: { sep: "---------" }
| [jQuery] Multiple selector와 .find() 비교 (0) | 2017.05.22 |
|---|---|
| [JavaScript] 데이터 형식 확인하기 (0) | 2017.04.28 |
| [jQuery UI] [selectmenu] selectmenu 길이 조정하기. (0) | 2017.02.24 |
| [jQuery] Checkbox 체크 및 변경 이벤트 처리. (0) | 2017.02.06 |
| [jQuery] Radio, Checkbox 체크 여부 확인하기. (0) | 2017.01.24 |
1. 특성 픽셀로 길이 조정하기.
$( "#sel_ID" ).selectmenu( "option", "width", 100 );
#sel_ID를 id로 갖고있는 selectmenu의 width속성을 100px로 변경.
2. 내부 텍스트값에따라 자동으로 길이 조절하기.
$( "#sel_ID" ).selectmenu( "option", "width", "auto" );
#sel_ID를 id로 갖고있는 selectmenu의 width속성을 내부 텍스트 길이에 맞춰서 변경.
| [JavaScript] 데이터 형식 확인하기 (0) | 2017.04.28 |
|---|---|
| [contextMenu] item type (0) | 2017.03.07 |
| [jQuery] Checkbox 체크 및 변경 이벤트 처리. (0) | 2017.02.06 |
| [jQuery] Radio, Checkbox 체크 여부 확인하기. (0) | 2017.01.24 |
| [JavaScript] 팝업창에서 스크롤바 사용하기. (0) | 2016.12.20 |
$("#cb_id").change(function(){
if($("#cb_id").is(":checked")){
//Check event
}else{
//Uncheck event
}
});
| [contextMenu] item type (0) | 2017.03.07 |
|---|---|
| [jQuery UI] [selectmenu] selectmenu 길이 조정하기. (0) | 2017.02.24 |
| [jQuery] Radio, Checkbox 체크 여부 확인하기. (0) | 2017.01.24 |
| [JavaScript] 팝업창에서 스크롤바 사용하기. (0) | 2016.12.20 |
| [JavaScript] 14-3_Filtering.html (0) | 2016.12.12 |
$('input:radio[name=RadioName]').is(':checked');
$('input:checkbox[name=CheckBoxName]').is(':checked');
리턴값은 true / false
| [jQuery UI] [selectmenu] selectmenu 길이 조정하기. (0) | 2017.02.24 |
|---|---|
| [jQuery] Checkbox 체크 및 변경 이벤트 처리. (0) | 2017.02.06 |
| [JavaScript] 팝업창에서 스크롤바 사용하기. (0) | 2016.12.20 |
| [JavaScript] 14-3_Filtering.html (0) | 2016.12.12 |
| [JavaScript] 14-2_Attr_prop()_val().html (0) | 2016.12.12 |
windiw.open 으로 팝업창을 열 경우
스크롤바가 없다...
window.open('http://www.naver.com', 'popup', 'width = 200px, height = 200px, scrollbars = yes');
scrollbars 옵션을 추가해주자.
스크롤바가 생긴것을 확인할 수 있다.
| [jQuery] Checkbox 체크 및 변경 이벤트 처리. (0) | 2017.02.06 |
|---|---|
| [jQuery] Radio, Checkbox 체크 여부 확인하기. (0) | 2017.01.24 |
| [JavaScript] 14-3_Filtering.html (0) | 2016.12.12 |
| [JavaScript] 14-2_Attr_prop()_val().html (0) | 2016.12.12 |
| [JavaScript]_Attr_toggleClass().html (0) | 2016.12.12 |
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width: 60px;
height: 60px;
margin: 10px;
float: left;
border: 2px solid blue;
}
.blue { background: blue; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script type="text/javascript">
//"body"엘리먼트 내부에서 "div"엘리먼트를 찾고
//eq()를 이용해 "2"의 인덱스를 갖는 목표에 클래스를 추가한다.
$("body").find("div").eq(2).addClass("blue");
</script>
</body>
</html>
| [jQuery] Radio, Checkbox 체크 여부 확인하기. (0) | 2017.01.24 |
|---|---|
| [JavaScript] 팝업창에서 스크롤바 사용하기. (0) | 2016.12.20 |
| [JavaScript] 14-2_Attr_prop()_val().html (0) | 2016.12.12 |
| [JavaScript]_Attr_toggleClass().html (0) | 2016.12.12 |
| [JavaScript] 14-2_Attr_removeClass().html (0) | 2016.12.12 |
14-3_Filtering.html