how can I disable and enable input type?

[idsanjeev]

Hi
its urgent
how can enable and desable the input field with condition like
if rs("field")=1 then
desable
elseif re("field")=2 then
enable
end if
and that after chek if the input type is enable then manadatory field can't null
thanks

[gits]

then we have to do some adaptions, here are the step-by-step hints:

1. give your input node an id and change the function accordingly ... so replace 'your_input_nod e_id' with your id

2. add the onchange-attribute the way i showed you

3. watch the magic ;)

<script type="text/javascript">
    function toggle_state(obj) {
        // here we check the value of your select-box
        var val = obj.value == 'cartridge';
 
        var input_node = document.getElementById('your_input_node_id');
 
        input_node.style.visibility = val ? 'hidden' : 'visible';
    }
</script>
 

kind regards

[idsanjeev]

 
<b>Purpose( In case of CD/FLOPPY )</b> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <input type="text" name="purpose" id="purpose"  style="width:400px" maxlength="150"></td></tr>
 

   <script language="javascript">
  function toggle_state(obj) {
        // here we check the value of your select-box
        if var val = obj.value == 'cartridge'; 
 
        var input_node = document.getElementById('purpose');
 
        input_node.style.visibility = val ? 'hidden' : 'visible';
    }
 
  </script>
 

i chnges it like this is the incorrect if not then no magic

[gits]

did you add the onchange:

[HTML]<select name="my_name" onchange="toggl e_state(this);" >[/HTML]
to your select-box too?

kind regards

[idsanjeev]

hi
ya use this
[HTML]<option Value="<%=RSITE M("Item_code")% >" onchange="toggl e_state(this);" ><%=RSITEM("Ite m_desc")%></option>[/HTML]

[gits]

hi ...

there is an error here, i overlooked it the first time, sorry, your adaption has the following error:

if var val = obj.value == 'cartridge';

you don't need the if here ;)

kind regards

[idsanjeev]

hi
very fun today i am confuse how can solve it
my code is very long there are 286 line if you have some time then i send you my full code i there is any problems or i don't use the code provided in properway so please all works i don't know javascript

[gits]

 
<b>Purpose( In case of CD/FLOPPY )</b> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <input type="text" name="purpose" id="purpose"  style="width:400px" maxlength="150"></td></tr>
 

   <script language="javascript">
  function toggle_state(obj) {
        // here we check the value of your select-box
        if var val = obj.value == 'cartridge'; 
 
        var input_node = document.getElementById('purpose');
 
        input_node.style.visibility = val ? 'hidden' : 'visible';
    }
 
  </script>
 

i chnges it like this is the incorrect if not then no magic

have a look at the line 4 ... you added an if here ... that is useless, so simply remove it and it should work ...

sending the code is not a good idea, may be you have a link to a testpage?

kind regards

[idsanjeev]

Hi Gits
I know that
but here is know file attachment option i am only online 1/2 hour tomorrow from morning 8 am ok
one more page but i send you only first page where first work is done
thanks

[gits]

hi ...

in your code you have:

      <td Width="15%"><select Id="SEL_ITEM" Name="SEL_ITEM" Size="1">
        <option Selected Value>Select Item</option>
<%
Set RSITEM = CON.EXECUTE("SELECT * FROM CONSUM_ITEMS ORDER BY Item_code")
%>
<%
Do While Not RSITEM.EOF
%>        <option Value="<%=RSITEM("Item_code")%>" onchange="toggle_state(this);"><%=RSITEM("Item_desc")%></option>
 

change in a way that the onchange is added to the select-element like:

<select Id="SEL_ITEM" Name="SEL_ITEM" Size="1" onchange="toggle_state(this);">
 

the onchange mustn't be added to the option-element

kind regards

[idsanjeev]

hi ...

I Used your code but it not work when select option is selected automatic show input field and hide input field based on option