selected option을 브라우저에서 바로 표시하여주기
본문
가령
it_id가 pine004인 상품선택옵션에
<select id="it_option_1" class="it_option">
<option value="">상품선택</option>
<option value="5년생,0,100">5년생</option>
<option value="키30cm~,20000,20">키30cm~(+20,000원)</option>
<option value="키50cm~,30000,20">키50cm~(+30,000원)</option>
</select>
가 있고, 주문자가 키30cm~를 선택하여 주문하였다면
주문상품 링크에 http://~주소/shop/item.php?it_id=pine004&it_option_1=키30cm~
처럼 주소끝에 선택옵션이름을 주어서 링크를 클릭하면 선택옵선이 "키30cm~"가 선택되고 가격표시에도 추가금액이 더해진 가격이 표시되게하는 스크립트 가 필요합니다.
답변 3
<script>
$(function () {
const params = new URLSearchParams(window.location.search);
const it_option_1 = params.get('it_option_1');
if (it_option_1 != null) {
$('#it_option_1 option').each(function () {
//let txt = $(this).text();
let txt = $(this).val();
if (txt.startsWith(it_option_1) == true) {
$(this).attr('selected', 'selected');
return false;
}
});
}
});
</script>
감사합니다. 옵션 선택후 가격 계산부분까지 나오면 매우 좋겠습니다.
<script>
<?php if ($it_option_1) { ?>
$('#it_option_1 option[value^="<?php echo $it_option_1 ?>"]').prop('selected', true);
<?php } ?>
</script>
마르스컴퍼니님 감사합니다. 선택은 잘 됩니다. 금액 계산이 안되어 아직 적용하지 못하고 있습니다.
<script>
<?php if ($it_option_1) { ?>
$('#it_option_1 option[value^="<?php echo $it_option_1 ?>"]').prop('selected', true).trigger('change');
<?php } ?>
</script>
@마르스컴파니 님, 감사합니다. 살펴보니 계산을 shop.override.js의 price_calculate();를 호출하여 표시하는군요. 가능할까요?
답변을 작성하시기 전에 로그인 해주세요.
