selectオプションから一度に2つの値を取得する

Question

JavaScript関数から選択オプションから一度に値を取得するにはどうすればよいですか？私は$ledger_idを取得し、スクリプトにsetDebit()て、この値を送信しています

<select name="ledger" id="ledger" onchange="setDebit(this.value)" required> 
    <option value="" >Select</option> 
    <?php 
     $ledgerResult = $this->db->query('SELECT * FROM ledger WHERE account_type = "Creditors" ORDER BY name'); 
     $ledgerData = $ledgerResult->result(); 

     for ($c = 0; $c < count($ledgerData); ++$c) { 
        $ledger_id = $ledgerData[$c]->id; 
        $ledger_name = $ledgerData[$c]->name; 
        $ledger_credit = $ledgerData[$c]->credit; ?> 

     <option value="<?php echo $ledger_id;?>"><?php echo $ledger_name;?></option> 
     } 
</select> 

<script> 
    function setDebit(ele){ 
     document.getElementById("set_debit").value = ele; 
    } 
</script> 

：

は、ここに私のコードです。しかし、私が必要とするのは$ledger_creditです。私はそれを$ledger_id;の代わりにオプション値として設定することでそれを行うことができますが、selectの値も$ledger_idとする必要があります。

$ ledger_idをオプション値として設定するには、どうすれば$ ledger_creditをsetDebit(this.value)まで送信できますか？

Answer 1

にjqueryのを使用する必要があります。

<option value="<?php echo $ledger_id."||".$ledger_credit; ?><?php echo $ledger_name;?> </option> 

<script> 
    function setDebit(){ 
    var details = document.getElementById("ledger").value; 
    var allData = details.split("||"); 
    var ledger_id = allData[0]; 
    var ledger_credit = allData[1]; 
    console.log(ledger_id); 
    console.log(ledger_credit); 
} 
</script> 

Answer 2

あなたはHTMLの一部の属性の複数設定する必要があります：あなたは、さらに情報のため、この質問を見て持つことができた後 http://www.w3schools.com/tags/att_select_multiple.asp

を： How to get all selected values of a multiple select box using JavaScript?

Answer 3

<option value="<?php echo $ledger_id.":".$ledger_credit;?>"><?php echo $ledger_name;?></option> 

    function setDebit(ele){ 
      var Value = document.getElementById("ledger").val(); 
      var Parts = Value.split(":"); 
      var LedgerID = Parts[0]; 
      var LedgerCredit = Parts[1]; 
    } 

Answer 4

あなたはatributeを追加することができますdata-creditあなたのオプションで

<option value="<?php echo $ledger_id;?>" data-credit="<?php echo $ledger_credit;?>"><?php echo $ledger_name;?></option> 

setDebit機能：あなたはjqueryのを使用していない場合

var ledger_credit = $('option:selected', "#ledger").data('credit'); 

あなたは、このソリューション