create checkbox when choice is made from dropdown

Discussion in 'Programming' started by kabucek, Mar 30, 2009.

0
  1. #1
    hello @LL,

    I have some dropdown

    <select name='selectedProd'>



    <option value='code1'>event 1,IL</option>

    <option value='code2'>event 2, IL</option>


    I want to create checkbox visible only if user picks event 1 from dropdown, but checkbox would not show up if event 2 will be selected.
    is that possible?

    thanks
     
    kabucek, Mar 30, 2009 IP
  2. joep1978

    joep1978 Peon

    Messages:
    30
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You could do

    <input type="checkbox" id="mycheckbox" value="1">
    <select onchange="javascript:checkDropdown(options[selectedIndex].value);" name="selectedProd">
    </select>

    and then

    function checkDropdown(p_selected_value)
    {
    if (p_selected_value=="code1")
    {
    document.getElementById('mycheckbox').style.display='block';
    }
    else
    {
    document.getElementById('mycheckbox').style.display='none';
    }
    }
     
    joep1978, Mar 30, 2009 IP
  3. Vooler

    Vooler Well-Known Member

    Messages:
    1,146
    Likes Received:
    64
    Best Answers:
    4
    Trophy Points:
    150
    #3 
    <select name='selectedProd' onchange="javascript:
           obj = document.getElementById('cb'); 
           if(this.value=='code1') 
                cb.style.display='';
           else
                cb.style.display='none';
">
<option value='code1'>event 1,IL</option>
<option value='code2'>event 2, IL</option>
</select>

<div id="cb" style="display:none">
   <input type="checkbox"> my checkbox goes here
</div>
    HTML:
     
    Vooler, Mar 30, 2009 IP