APEX

Hello Folks,

I'm trying to achieve to display a text box where user can enter detail, but than text box should be enabled on when user select particular option from the SELECT LIST, I have created same thing with radio button when I'm unable to achieve with SELECT LIST, can anybody help with any good example list???

For radio-button I have Javascript as:-

--------------------------------------------------
</script>
<style type="text/css">
#gOSpan{display:none}
#P18_RESULT_TYPE_RADIO{height:60px;}
</style>
<script src="http://www.google.com/jsapi"></script>
<script>
google.load("jquery", "1.2.6");
</script>

<script type="text/javascript">
//<![CDATA[
htmldb_delete_message='"DELETE_CONFIRM_MSG"';
gOHTML = '<span id="gOSpan">&nbsp;<input id="gOTxt" type="text" value="" maxlength="10" /></span>';

$(document).ready(function(){
toggleResultType();

$('input[id^="P18_RESULT_TYPE_RADIO_"]').click(function(){
toggleResultType();
});
});

function toggleResultType()
{
var ResultTypeHidden = $('#P18_RESULT_TYPE').val();
var ResultTypeRadio = $('input:checked[id^="P18_RESULT_TYPE_RADIO_"]').val()
var ResultType = ResultTypeRadio ? ResultTypeRadio : ResultTypeHidden;

if (ResultType && ResultType != 'MPGN II/DAD' && ResultType != 'MPGN I' && ResultType != 'MPGN III')
{
var $gOSpan = $('#gOSpan');
if ($gOSpan.length == 0)
{
$('#P18_RESULT_TYPE_RADIO_3').parent('td').append(gOHTML);
$gOSpan = $('#gOSpan');
}

if (ResultTypeHidden != '')
{
$gOSpan.show();
}

else
{
$gOSpan.fadeIn();
}

$('#P18_RESULT_TYPE_3').attr('checked','checked');

if (ResultTypeHidden && ResultTypeHidden != 'MPGN II/DAD' && ResultTypeHidden != 'MPGN I' && ResultTypeHidden != 'MPGN III')
{
$('#gOTxt').val(ResultTypeHidden);
}

$('#gOTxt').change(function()
{
$('#P18_RESULT_TYPE').val(this.value);
});
}
else
{
$('#gOSpan').fadeOut();
$('#P18_RESULT_TYPE').val($('input:checked[id^="P18_RESULT_TYPE_RADIO_"]').val());

if (ResultType == 'MPGN II/DAD')
{
$('#P18_RESULT_TYPE_RADIO_0').attr('checked','checked');
}
else if (ResultType == 'MPGN I')
{
$('#P18_RESULT_TYPE_RADIO_1').attr('checked','checked');
}
else
{
$('#P18_RESULT_TYPE_RADIO_2').attr('checked','checked');
}
}
}

//]]>
</script>
----------------------------------------------------

I tried making chances as per Select list but :( , any help will be appreciated!

Thanks


regards,
Kumar