이전 목록 다음
채택완료

스크립트로 구현한 var의 선언문을 셀렉트 옵션 벨류값에 지정

qoqofh
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-08 (목) 13:47:56 2,151
Copy 
<script>
                        $(function(){
                            $(".pchk_cham").click(function(){
                                var inputVal = $(".wr_16").val();
                                
                            });
                        });
                    </script>

이렇게 스크립트문을 짜보았습니다.

그런데 여기서 pchk_cham 을 클릭했을 때,

Copy 
<option value="0,2차시 (2교시)"<? if($wr_17 == "2차시 (2교시)") echo "selected"; ?>>2차시 (2교시)</option>

옵션의 value 값에 "0,2차시 (2교시)" 이렇게 표시되어있는 부분에 빨간색 0인 부분에다가 스크립트로 출력한 결과값을 넣으려 합니다.

어떻게 넣어야 할까요?

벨류값 선언문
|

답변 1개 / 댓글 10개

채택된 답변
+20 포인트
핑크빈
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-08 (목) 13:53:00
Copy 
<script>

             $(function(){

                            $(".pchk_cham").click(function(){

                                var inputVal = $(".wr_16").val(); 

                                $('option').val(inputVal + $('option').val().substr(1));

                             

                            });

                        });

                        </script>

답변에 대한 댓글 10개

qoqofh
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-08 (목) 13:55:38
혹시 substr 이거는 무엇을 의미하는걸까요?
Phillips
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-08 (목) 13:59:36
문자열자르는거요.
qoqofh
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-08 (목) 14:00:13
모든옵션 벨류값에 15000r_subject||wr_content 이렇게 들어가있어서욧.ㅠ
Phillips
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-08 (목) 14:04:08
해당옵션의 클래스명을 정해주셔야죠.
전체적인 태그를보여주세요.
qoqofh
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-08 (목) 14:06:32
[code]
<script>
$(function(){
$(".pchk_cham").click(function(){
var inputVal0 = $(".wr_16").val()*1;
var inputVal1 = $(".wr_16").val()*2;
var inputVal2 = $(".wr_16").val()*3;
var inputVal3 = $(".wr_16").val()*4;
var inputVal4 = $(".wr_16").val()*5;
$('option.cham_0').val(inputVal0 + $('option').val().substr(1));
$('option.cham_1').val(inputVal1 + $('option').val().substr(1));
$('option.cham_2').val(inputVal2 + $('option').val().substr(1));
$('option.cham_3').val(inputVal3 + $('option').val().substr(1));
$('option.cham_4').val(inputVal4 + $('option').val().substr(1));

});
});
</script>

[/code]
전체코드는 이렇습니다 ㅠ
qoqofh
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-08 (목) 14:07:48
각각옵션에 클래스 줘서 하는건 알겠는데, r_subject||wr_content 이부분이 좀 문제요서요 ㅠㅠ .

0,4차시 (4교시) 여기에서 0 여기값만 바꾸려 하는상태여서요 ㅠ
Phillips
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-08 (목) 14:13:43
wr_17 셀렉트에 선택된옵션값을 변경해주는코드입니다.
<script>
$(function(){
$(".pchk_cham").click(function(){
var inputVal = $(".wr_16").val();
$('.wr_17 > option:selected').val(inputVal + $('.wr_17 > option:selected').val().substr(1));

});
});
</script>
qoqofh
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-08 (목) 14:21:07
Uncaught TypeError: Cannot read property 'substr' of undefined

이렇게 뜨는데 이건 문자열이 아니여서 뜨는걸까요?
Phillips
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-08 (목) 14:33:15
이렇게 해보실레요?
<script>
$(function(){
$(".pchk_cham").click(function(){
var inputVal = $(".wr_16").val();
var option = $('.wr_17 > option:selected').val();
option = option.substr(1);
$('.wr_17 > option:selected').val(inputVal + option);

});
});
</script>
qoqofh
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-07-08 (목) 14:39:07
잘 안되네요 ...ㅎ

[code]

<script>
$(function(){
$(".pchk_cham").click(function(){
var inputVal0 = $(".wr_16").val()*1;
var inputVal1 = $(".wr_16").val()*2;
var inputVal2 = $(".wr_16").val()*3;
var inputVal3 = $(".wr_16").val()*4;
var inputVal4 = $(".wr_16").val()*5;
$('option.cham_0').val(inputVal0 + $('option').val().substr(1));
$('option.cham_1').val(inputVal1 + $('option').val().substr(1));
$('option.cham_2').val(inputVal2 + $('option').val().substr(1));
$('option.cham_3').val(inputVal3 + $('option').val().substr(1));
$('option.cham_4').val(inputVal4 + $('option').val().substr(1));

});
});
</script>

[/code]

그냥 이렇게 진행을 하고, 뷰페이지에 표시되는 벨류값은 강제로 넣어야겠네요 ㅎ

도움주셔서 감사드립니다 ㅎ

답변을 작성하려면 로그인이 필요합니다.