| [20230131 추가] ajax로 데이터 읽어온 후 selectbox 옵션 중에 기존 데이터 selected 처리하기 방법1) 자바스크립트 var selectboxID = document.getElementById("selectboxID'); selectboxID.value = "옵션1"; 방법2) jquery $('select[name=selectboxName]').find('option[value="옵션1"]').attr("selected",true); |
html에서 select box에서 선택된 값에 대해
javascript에서 함수를 타게 하고 싶다..
음..
방법은 있는데 적용해도 안 된다.
<script type="text/javascript">
function fnSearch(){
var search_text;
var zero ='';
if(document.theForm.search_column.value == "3"){
alert("1111");
search_text = document.getElementById('search_text').value;
if (search_text.length < 5) {
for (var i = 0; i < 5 - search_text.length; i++){
zero += '0';
}
}
document.getElementById("search_text").value = zero+search_text;
}
if(event.keyCode == 13){
alert("13");
$('#theForm').submit();
}
else{
alert("submit");
$('#theForm').submit();
}
}
</script>
이렇게 했음.
form과 form:select에 id값주고.
<form:form name="theForm" ...
<form:select id="search_column" ...
<form:option value="1" label="사과"/>
<form:option value="2" label="배"/>
<form:option value="3" label="딸기"/>
html이 이렇게 되어 있을 때,
selectbox에서 선택한 값이 3일경우 (딸기일경우)에만 if문을 타라.
[JavaScript] select의 선택된 option의 value, text 가져오기
http://bloodguy.tistory.com/303
var select = document.getElementById("select_id");
var option_value = select.options[select.selectedIndex].value;
var option_text = select.options[select.selectedIndex].text;
select box에서 선택한 값 가져오기
select box에서 선택한 option의 text값 가져오기
http://opencode.co.kr/bbs/board.php?bo_table=javascript_tips&wr_id=3
자바스크립트 셀렉트박스 선택하기
<head>
<script type="text/javascript"> function GoEx(){ var sel = document.getElementById("exam"); for(var i=0; i<sel.length; i++){ if(sel[i].value==2){ sel[i].selected = true; } } } </script> </head> <body> 테스트 예제<br> <select id="exam" > <option value="1">바나나</option> <option value="2">파인애플</option> <option value="3">키위</option> </select> <input type="button" value="액션" onclick="GoEx()"/> </body>
select 문으로 자바스크립트 데이터값 불러오기 예제
http://egloos.zum.com/boramcom/v/5486197
[자바스크립트]select박스의 value,text값을 얻어오기
http://sepiroth11.tistory.com/40
단지 value값만을 가져온다면 단순히 document.getElementByName("selBox").value <---이렇게만 해줘도 된다.
그렇지만 "한국","미국","중국"처럼 내용값을 가져오려면
ex)
<select name="selBox">
<option value="1">한국</option> <--0번째값
<option value="2">미국</option> <--1번째값
<option value="3">중국</option> <--2번째값
</select>
document.getElementByName("selBox")[document.getElementByName("selBox").selelctedIndex].text
*만약2번을 선택한경우 selBox[1]번째의 text값을 가져오는것이다.
위와 같이 해주어야 선택된 text값을 가져올수 있다..알고나면 아무것도 아니지만 모를땐 답답하다;;;;
'차근차근 > JAVA Script' 카테고리의 다른 글
| jQuery를 이용한 테이블 셀병합 (0) | 2015.06.08 |
|---|---|
| js로그 콘솔에 찍는 방법 (0) | 2015.06.08 |
| 유효성 검사 함수 모음 (0) | 2015.06.08 |
| format number (0) | 2015.06.05 |
| jquery dialog 사용법 (0) | 2015.01.28 |