하나를 선택해야하는 라디오 버튼으로 드롭 다운 선택 입력 변환

Question

각 제품에 대해 여러 가지 변형을 허용하는 전자 상거래 시스템을 사용하고 있습니다 (예 : 대형, 중형, 소형 티셔츠). 그러나 우리는 티셔츠를 입은 고객으로부터 불만을 제기하고 있으며 그 차이를 무시하고 있습니다. 결과적으로 많은 사람들이 작은 티셔츠를 입고 있습니다 (기본값). 이 문제를 해결하려면 사용자가 라디오 버튼 (드롭 다운 선택 목록 대신)을 선택하도록하고 싶습니다. 그런 다음에 만 장바구니에 추가 버튼이 사용 가능하게됩니다. 여기에 선택 드롭 다운을 표시하는 현재 PHP가 있습니다. HTML의 이런 종류를 뱉어

<?php while (have_variation_groups()) : the_variation_group(); ?> 
    <?php /** variation HTML and loop */?> 
    <select class='select_variation' name="variation[<?php echo variation_id(); ?>]" id="<?php echo variation_group_form_id(); ?>"> 
    <?php while (have_variations()) : the_variation(); ?> 
    <option value="<?php echo the_variation_id(); ?>"><?php echo the_variation_name(); ?></option> 
    <?php endwhile; ?> 
</select> 
<?php endwhile; ?> 
<?php echo add_to_cart_button(the_product_id()); ?> 

...

<select class='select_variation' name="variation[1]" id="variation_select_22_1"> 
<option value="1">Small</option> 
<option value="2">Big</option> 
</select> 
<input type='submit' id='product_22_submit_button' class='buy_button' name='Buy' value="Add To Cart" /> 

어떻게 내가 라디오 버튼의 드롭 다운을 변환 제안하고, 장바구니에 추가 버튼이 있지 않은지 확인 것 변형을 선택할 때까지 클릭 할 수 있습니까? 감사합니다.

Answer 1

나는 언어를 정육점 경우 나, 사전에 죄송는 PHP 개발자 아니에요 ...

이 당신에게 라디오 버튼의 목록을 얻어야한다 :

<?php while (have_variation_groups()) : the_variation_group(); ?> 
    <?php /** variation HTML and loop */?> 
    <ul class='select_variation' name="variation[<?php echo variation_id(); ?>]" id="<?php echo variation_group_form_id(); ?>"> 
    <?php while (have_variations()) : the_variation(); ?> 
    <li><input type="radio" name="variation[<?php echo variation_id(); ?>]" value="<?php echo the_variation_id(); ?>"/><?php echo the_variation_name(); ?></li> 
    <?php endwhile; ?> 
</ul> 
<?php endwhile; ?> 
<?php echo add_to_cart_button(the_product_id()); ?> 

희망이 당신에게 줄 것이다 이 같은 : 옵션 중 하나를 클릭하면

<ul class='select_variation' name="variation[1]" id="variation_select_22_1"> 
<li><input type="radio" name="variation[1]" value="1" />Small</li> 
<li><input type="radio" name="variation[1]" value="2" />Big</li> 
</ul> 
<input type='submit' id='product_22_submit_button' class='buy_button' name='Buy' value="Add To Cart" /> 

는 그런 다음 버튼을 사용하려면 몇 가지 jQuery를 사용할 수 있습니다

$(function() 
{ 
    $('.buy_button').attr('disabled', 'true'); 

    $('ul li input').click(function() 
    { 
     $('.buy_button').removeAttr('disabled'); 
    }); 
}); 

기존 드롭 다운에 '선택하십시오'항목을 추가하고 기본값으로 설정하는 것을 고려해보십시오.

Answer 2

값이 0이고 텍스트가 "Please Choose Size"인 기본 옵션을 추가하지 않는 이유는 무엇입니까?