셀렉트박스 안에서 onclick 했을때 크롬호환문제입니다.
본문
견적서를 하나 짜구있는데요
셀렉트박스에서 값을 선택하면 자동으로 계산되는 방식인데
<select name="wr_28" id="wr_28">
<option value="wr_28값100" onclick="document.getElementById('wr_38').value='100'; ad_calcs1(); ad_calcs2();" >wr_28값100</option>
<option value="wr_28값200" onclick="document.getElementById('wr_38').value='200'; ad_calcs1(); ad_calcs2();" >wr_28값200</option>
<option value="wr_28값300" onclick="document.getElementById('wr_38').value='300'; ad_calcs1(); ad_calcs2();" >wr_28값300</option>
<option value="wr_28값400" onclick="document.getElementById('wr_38').value='400'; ad_calcs1(); ad_calcs2();" >wr_28값400</option>
<option value="wr_28값500" onclick="document.getElementById('wr_38').value='500'; ad_calcs1(); ad_calcs2();" >wr_28값500</option>
</select>
셀렉트박스에서 onclick 을 넣어서 ad_calcs1(); ad_calcs2();
이 값 2가지를 넘겨야 하는데
IE에서는 잘되는데 크롬에서는 셀렉트박스 안에 onclick 이 안먹는듯합니다.
혹시 onclick 말고 다른걸로 값을 넘길수 있을까요?
onclick="document.getElementById('wr_38').value='500';
ad_calcs1();
ad_calcs2();"
이렇게 3가지 값을 넘겨야 합니다..
답변 2
수정합니다.
돌려보니 안되서... 되는것으로...
<select id="wr_28" name="wr_28">
<option value="200">200</option>
<option value="300">300</option>
<option value="400">400</option>
</select>
<input type="text" name="wr_38" id="wr_38" value="">
<script>
$(function(){
$("#wr_28").change(function() {
$("#wr_38").val($(this).val());
ad_calcs1();
ad_calcs2();
});
});
function ad_calcs1() {
alert(1);
}
function ad_calcs2() {
alert(2);
}
</script>
자루스님 늦은시간에 소중한 답변 감사합니다^^
일일히 div 로 셀렉트박스 비슷하게 만들고 있엇는데..
답변을주셔서 감사합니다^^
onchange 로 하셔야 할것 같습니다.
<select onchange="document.getElementById('wr_38').value=this.value;ad_calcs1(); ad_calcs2();">
</select>
또는
<select id="wr_28">
<option value="200">200</option>
<option value="300">300</option>
<option value="400">400</option>
</select>
<script>
$(function(){
$("#wr_28").change(function() {
$("#wr_38").val(this.val());
ad_calcs1();
ad_calcs2();
});
});
</script>
이렇게 하세요.. 아래것을 추천합니다.
답변을 작성하시기 전에 로그인 해주세요.
