-3
votes

Comment afficher et sélectionner la valeur du bouton radio dépend de la liste déroulante sélectionnée?

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


0 commentaires

3 Réponses :


0
votes

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>


0 commentaires

0
votes

var e = document.getElementById("question");
var answer = e.options[e.selectedIndex].text;
if(answer){
var radiobtn = document.getElementById("yes");
radiobtn.checked = true;
}


0 commentaires

0
votes

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>


0 commentaires