셀렉트박스 안에서 onclick 했을때 크롬호환문제입니다. 채택완료
그누초보님
9년 전
조회 11,878
견적서를 하나 짜구있는데요
셀렉트박스에서 값을 선택하면 자동으로 계산되는 방식인데
</p><p> <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></p><p>
셀렉트박스에서 onclick 을 넣어서 ad_calcs1(); ad_calcs2();
이 값 2가지를 넘겨야 하는데
IE에서는 잘되는데 크롬에서는 셀렉트박스 안에 onclick 이 안먹는듯합니다.
혹시 onclick 말고 다른걸로 값을 넘길수 있을까요?
onclick="document.getElementById('wr_38').value='500';
ad_calcs1();
ad_calcs2();"
이렇게 3가지 값을 넘겨야 합니다..
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
9년 전
수정합니다.
돌려보니 안되서... 되는것으로...
</p><p><select id="wr_28" name="wr_28"></p><p> <option value="200">200</option></p><p> <option value="300">300</option></p><p> <option value="400">400</option></p><p></select> </p><p><input type="text" name="wr_38" id="wr_38" value=""></p><p><script></p><p>$(function(){</p><p> $("#wr_28").change(function() {</p><p> $("#wr_38").val($(this).val()); </p><p> ad_calcs1(); </p><p> ad_calcs2(); </p><p> });</p><p>});</p><p>function ad_calcs1() {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>alert(1);</p><p>}</p><p>function ad_calcs2() {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>alert(2);</p><p>}</p><p></script></p><p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
그누초보님
9년 전
댓글을 작성하려면 로그인이 필요합니다.
9년 전
onchange 로 하셔야 할것 같습니다.
</p><p><select onchange="document.getElementById('wr_38').value=this.value;ad_calcs1(); ad_calcs2();"></p><p></select></p><p>
또는
</p><p style="font-size: 14.6667px;"><select id="wr_28"></p><p style="font-size: 14.6667px; margin-left: 0px;"> <option value="200">200</option></p><p style="font-size: 14.6667px; margin-left: 0px;"> <option value="300">300</option></p><p style="font-size: 14.6667px; margin-left: 0px;"> <option value="400">400</option></p><p style="font-size: 14.6667px;"><span style="font-size: 14.6667px; line-height: 1.5;"></select></span> </p><p><script></p><p>$(function(){</p><p> $("#wr_28").change(function() {</p><p> <span style="font-size: 14.6667px;">$("#wr_38").val(this.val());</span><span style="font-size: 11pt; line-height: 1.5;"> </span></p><p style="margin-left: 0px;"><span style="font-size: 14.6667px;"> ad_calcs1(); </span></p><p style="margin-left: 0px;"><span style="font-size: 14.6667px;"> ad_calcs2();</span><span style="font-size: 14.6667px;"> </span></p><p> });</p><p>});</p><p></script></p><p>이렇게 하세요.. 아래것을 추천합니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
일일히 div 로 셀렉트박스 비슷하게 만들고 있엇는데..
답변을주셔서 감사합니다^^