Wie können mehrere Dropdown-Werte in einer Variablen gespeichert werden?

Question

Also habe ich diese JavaScript-Funktion, die durch jedes Benutzerkonto durchläuft und sie in einem Dropdown-Menü anzeigt. Wenn der Benutzer eine Option aus dem Dropdown-Menü auswählt, nimmt er die Iban-Nummer als Haupt-ID, die in ddlAccountFrom gespeichert ist. Gibt es eine Möglichkeit, wie ich zwei Werte speichern kann, wenn der Benutzer eine Option, wie z. B. Iban und Währung, in separate Variablen auswählt?

function getAccountFrom() { 
    var username = $("#hiddenUsername").val(); 

    var url = "http://localhost:63723/api/BankAccountsApi/GetBankAccounts/?username=" + username + "&id=2"; 
    $.getJSON(url, function (data) { 
      var table = "<select id=\"ddlAccountFrom\">"; 

      table += "<option value=\"-1\">Select an Account</option>"; 
      $.each(data, function (key, val) { 

       table += "<option value=\"" + val.Iban + "\">" + val.Iban + " | " + val.Currency + " | " + val.Balance + "</option>"; 

      }); 
      table += "</select>"; 
      $('#divAccountFrom').html(table); 
    }); 
} 

ich die ddlAccountFrom in dieser Funktion bin mit ..

function Transfer() { 
    var accountFrom = $("#ddlAccountFrom").val(); 
    var accountTo = $("#txtAccountTo").val(); 
    var amount = $("#txtAmount").val(); 


    var url = "http://localhost:63723/api/BankAccountsApi/TransferFunds/? 
    ibanFrom=" + accountFrom + "&ibanTo=" + accountTo + "&amount=" + amount; 

    $.getJSON(url, function (data) { 
     alert(data); 
    }) 

    .error (function() { 
     alert("Not enough balance! The amount entered exceed the balance found in this account. Please try again."); 
    }) 

} 

Answer 1

Sie die Daten benutzerdefinierte Attribute verwenden können, wie folgt aus:

table += "<option value=\"" + val.Iban + "\" data-currency=\"" + val.Currency + "\">" + val.Iban + " | " + val.Currency + " | " + val.Balance + "</option>"; 

Variable sehen jquery-cant-get-data-attribute-value Für den Zugriff auf So Sie können lesen:

var selectedCurrency= $("#ddlAccountFrom :selected").data('currency'); 

Answer 2

Sie könnten:

1. Ihre 2-Daten in 1-String mit einem Separator verketten (zB myIban#myCurrency) und dann teilen Sie Ihre Wert Ihre 2 verschiedene Daten

2. Hören Sie Ihre Drop-Down-Änderungen zurück zu bekommen, zum Beispiel hinzufügen eines onchange=updateData(val.Iban, val.Currency) Attribut Ihrer Wahl html, und in Ihrem js:

   var currentIban, currentCurrency; 
   
   function updateData(iban, currency) { 
       currentIban = iban; 
       currentCurrency = currency; 
   } 
   

3. ein daten benutzerdefinierte Attribut hinzufügen, wie Daten-Währung oder Daten-iban