Witam,
Mam następujący formularz:
<form action="" method="post">
<input type="text" class="form-control" list="colours" name="colours">
<datalist id="colours">
<option value="Red" data-id="1">
<option value="Blue" data-id="2">
<option value="Green" data-id="3">
<option value="Black" data-id="4">
<option value="White" data-id="5">
</datalist>
<button type="submit" class="btn btn-info" name="confirm">Zapisz</button>
</form>
- W jaki sposób sprawić by przycisk
Zapisz
był nieaktywny do momentu w którym wpisana wartość w poluinput
będzie zgodna z jedną i tylko jedną z opcjidatalist
? - W jaki sposób przekazać do formularza wartość z
data-id
, a nievalue
?
Z góry dziękuję za wszelką pomoc.