J'ai 3 valeur pour tomber dropdown et j'ai 2 touches radio avec nom = "action"
p>
Action : <select> <option value="Further follow up needed">Further follow up needed</option> <option value="Rejected">Rejected</option> <option value="Closed">Closed</option> </select> Next Follow Up Date: <input name="ww" type="text" id="ww" value=""></td> <br> Are sure you want to closed the activity? <br> <INPUT TYPE='radio' NAME='action' VALUE='yes'>Yes <INPUT TYPE='radio' NAME='action' VALUE='no'>No
3 Réponses :
vous pouvez le montrer avec peu d'aide de jQuery. strong> p> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Action :
<select id="sel_box">
<option value="Further follow up needed">Further follow up needed</option>
<option value="Rejected">Rejected</option>
<option value="Closed">Closed</option>
</select>
<div id="date_div">
<label>Next Follow Up Date: </label>
<input name="ww" type="text" id="ww" value="">
</div>
<div id="radio_div">
<br> Are sure you want to closed the activity?
<br>
<INPUT TYPE='radio' NAME='action' VALUE='yes'>Yes
<INPUT TYPE='radio' NAME='action' VALUE='no'>No
</div>
var e = document.getElementById("question"); var answer = e.options[e.selectedIndex].text; if(answer){ var radiobtn = document.getElementById("yes"); radiobtn.checked = true; }
Vous pouvez l'essayer à l'aide d'Onchange () de SELECHANGE () de SELECT comme ci-dessous:
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> Action : <select id="sel_box" onchange="showDiv(this)"> <option value="Further follow up needed">Further follow up needed</option> <option value="0">Rejected</option> <option value="1">Closed</option> </select> <div id="date_div"> <label>Next Follow Up Date: </label> <input name="ww" type="text" id="ww" value=""> </div> <div id="radio_div"> <br> Are sure you want to closed the activity? <br> <INPUT TYPE='radio' NAME='action' VALUE='yes'>Yes <INPUT TYPE='radio' NAME='action' VALUE='no'>No </div>