스크립트로 구현한 var의 선언문을 셀렉트 옵션 벨류값에 지정
본문
<script>
$(function(){
$(".pchk_cham").click(function(){
var inputVal = $(".wr_16").val();
});
});
</script>
이렇게 스크립트문을 짜보았습니다.
그런데 여기서 pchk_cham 을 클릭했을 때,
<option value="0,2차시 (2교시)"<? if($wr_17 == "2차시 (2교시)") echo "selected"; ?>>2차시 (2교시)</option>
옵션의 value 값에 "0,2차시 (2교시)" 이렇게 표시되어있는 부분에 빨간색 0인 부분에다가 스크립트로 출력한 결과값을 넣으려 합니다.
어떻게 넣어야 할까요?
답변 1
<script>
$(function(){
$(".pchk_cham").click(function(){
var inputVal = $(".wr_16").val();
$('option').val(inputVal + $('option').val().substr(1));
});
});
</script>
혹시 substr 이거는 무엇을 의미하는걸까요?
문자열자르는거요.
모든옵션 벨류값에 15000r_subject||wr_content 이렇게 들어가있어서욧.ㅠ
해당옵션의 클래스명을 정해주셔야죠.
전체적인 태그를보여주세요.
<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>
전체코드는 이렇습니다 ㅠ
각각옵션에 클래스 줘서 하는건 알겠는데, r_subject||wr_content 이부분이 좀 문제요서요 ㅠㅠ .
0,4차시 (4교시) 여기에서 0 여기값만 바꾸려 하는상태여서요 ㅠ
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>
Uncaught TypeError: Cannot read property 'substr' of undefined
이렇게 뜨는데 이건 문자열이 아니여서 뜨는걸까요?
이렇게 해보실레요?
<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>
잘 안되네요 ...ㅎ
<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>
그냥 이렇게 진행을 하고, 뷰페이지에 표시되는 벨류값은 강제로 넣어야겠네요 ㅎ
도움주셔서 감사드립니다 ㅎ