Question

i have a question regarding Jquery

    <select id="thechoices">
<option value="0">Select Box</option>
<option value="box1">Box 1</option>
<option value="box2">Box 2</option>
<option value="box3">Box 3</option>
</select>

<!-- the DIV -->
<div id="value"> disabled till you make a choice</div>

while the select menu have the choice Select box i need the div to be shown as a small black screen with the disabled message
once the user change the select menu and choose another option the value div shown the selected option for example Box 1 or Box 2

Answer 1

Here is a working Example: http://jsfiddle.net/sHqFX/

<select id="thechoices">
<option value="0">Select Box</option>
<option value="box1">Box 1</option>
<option value="box2">Box 2</option>
<option value="box3">Box 3</option>
</select>

<!-- the DIV -->
<div id="value"></div>

Put this between head tags

<script type="text/javascript">
$(document).ready(function(){
    $("#thechoices").change(function(){

       if($(this).val() == 0)
       {
           $("#value").html("disabled till you make a choice");
            $("#value").css("background-color","black");
                 $("#value").css("color","white");
       }
        else{
            $("#value").html($("#thechoices option:selected").text());
            $("#value").css("background-color","white");
            $("#value").css("color","black");
        }
    });
});
</script>