0
votes

Comment obtenir de la valeur à partir de quelques options sélectionnées?

Par exemple, j'ai un tableau comme sur l'image ci-dessous

Dans ce cas, on peut voir que lorsque je choisis l'option 1.2 et l'option 2, cela me donne un certain nombre / résultat. Si je sélectionne l'option 1.3 et l'option 2, cela me donnera un nombre / un résultat différent.

Question: Comment ces données pourraient être représentées comme sur l'image ci-dessous lorsqu'il est possible de sélectionner des options et d'obtenir le résultat:

javascript select drop-down-menu

4 commentaires

Pourriez-vous faire les captures d'écran en anglais s'il vous plaît?

Et veuillez ajouter un exemple de code HTML (également en anglais)

Sinon. J'aime l'idée derrière ta question

Ouais, je vois mes erreurs. J'ai changé l'idée de question, donc je suppose que c'est plus clair maintenant.

3 Réponses :

0
votes

Vous pouvez essayer ceci

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="selID" id="selID" data-mini="true"><option value="1" selected="selected">Tithes</option><option value="2">Offering</option><option value="3">Designated</option><option class="selOptAddMore" value="0" >Add More...</option></select>

$(document).ready(function(){
            $("#selID").change(()=>{
                var c = $("#selID").find(":selected").text();
            console.log(c);
            })
        }
            )

0 commentaires

0
votes

Veuillez consulter l'exemple de code ci-dessous pour obtenir le texte / la valeur de la liste déroulante à l'aide de JQuery.

<select name="ddlProduct" id="ddlProduct">
    <option value="1">TV</option>
    <option value="2">Laptop</option>
    <option value="3">Computer</option>
</select><br />


<input type="button" id="btnGet" name="btnGet" value="Get">


$("#btnGet").click(function(){
    var selectedText = $("option:selected", $("#ddlProduct")).text();
    var selectedValue = $("option:selected", $("#ddlProduct")).val();
    alert(selectedText + " :: " + selectedValue);
});

0 commentaires

0
votes

regarde cette ...

<table class="substitute-with-dropdowns">
  <tr>
    <th></th>
    <th scope="row">A1</th>
    <th scope="row">A2</th>
    <th scope="row">A3</th>
    <th scope="row">A4</th>
  </tr>
  <tr>
    <th scope="col">B1</th>
    <td>C(1,1)</td>
    <td>C(2,1)</td>
    <td>C(3,1)</td>
    <td>C(4,1)</td>
  </tr>
  <tr>
    <th scope="col">B2</th>
    <td>C(1,2)</td>
    <td>C(2,2)</td>
    <td>C(3,2)</td>
    <td>C(4,2)</td>
  </tr>
  <tr>
    <th scope="col">B3</th>
    <td>C(1,3)</td>
    <td>C(2,3)</td>
    <td>C(3,3)</td>
    <td>C(4,3)</td>
  </tr>
  <tr>
    <th scope="col">B4</th>
    <td>C(1,4)</td>
    <td>C(2,4)</td>
    <td>C(3,4)</td>
    <td>C(4,4)</td>
  </tr>
</table>

1 commentaires

Merci beaucoup!