HTML/PHP form data validation? - php

Question

I'm new at coding
Just looking for some help on this matter,
My code is a snippet from a table that I am designing
What i'm wanting to do is have the date input box disabled unless the first drop down = 'NO', the drop down data is pulled from an SQL query
<td><select name="DATEACC">
<?php
$options = array(' ','YES','NO');
$output = '';
for( $i=0; $i<count($options); $i++ ) {
$output .= '<option '
. ( $Row['custdateaccepted'] == $options[$i] ? 'selected="selected"' : '' ) . '>'
. $options[$i]
. '</option>';
}
echo $output;?>
</select></td>
<td><input type="date" name="ADVDATE" value="<?php echo $Row['dateadvised'];?>"></td>
Can anyone help?

Answer 1

Just disable your date input at the start
<input type="date" id="ADVDATE" name="ADVDATE" value="<?php echo $Row['dateadvised'];?>" disabled>
and enable it using js/jquery when you have your desired value in dropdown
$('[name=DATEACC]').change(function(){
if($(this).val() == 'DESIRED_VALUE')
$('[name=ADVDATE]').enable();
});

Answer 2

You need to use javascript for this. If you have a unique row id $rowid as 1,2,3 etc
<td><select name="DATEACC" onChange="dateEnable(this)" id="DATEACC_$Row['id']">
<?php
$options = array(' ','YES','NO');
$output = '';
for( $i=0; $i<count($options); $i++ ) {
$output .= '<option value="'.$options[$i].'"'
. ( $Row['custdateaccepted'] == $options[$i] ? 'selected="selected"' : '' ) . '>'
. $options[$i]
. '</option>';
}
echo $output;?>
</select></td>
<td><input id="ADVDATE_$Row['id']" type="date" name="ADVDATE" value="<?php echo $Row['dateadvised'];?>"></td>
in javascript
function dateEnable(dropdown){
var id = dropdown.id;
var rowid = id.split('_');
var myselect_value = dropdown.value;
if(myselect_value == 'NO') {
document.getElementById('ADVDATE'+'_'+rowid[1]).disabled = true;
} else {
document.getElementById('ADVDATE'+'_'+rowid[1]).disabled = false;
}
}

Answer 3

Without using jQuery you could try:
javascript
function enabletextfield(e){
var el=typeof( e.target )!=='undefined' ? e.target : e.srcElement;
var value=el.options[ el.options.selectedIndex ].value;
var txtfield=document.querySelectorAll('input[type="date"][name="ADVDATE"]')[0];
txtfield.disabled = value=='NO' ? false : true;
}
html
<select name='DATEACC' id='DATEACC' onchange='enabletextfield(event)'>
<option value='MAYBE'>MAYBE
<option value='NO'>No
<option value='Yes'>Yes
</select>
<input type="date" name="ADVDATE" value="Some value or other" disabled=true />
Obviously change the name of the select menu to suit and add the correct value from the db to the date input box