どのように私はオプションのためのナンバリング与えることができ、以下の

Question

値は私のコードですが、私は私がしたいjqueryのザッツを使用していくつかの値を割り当てたいので、私はこの<option value="1" />vijay

しかしapple+のようなすべての値の番号を与えたいと思うことがあるはずです私たちが変更することができるように+値を追加してください<option value="1" />vijay

私のテンプレートデザインのために私はこのようにしたいと思います<option value="1" value=vijay+/>vijay私はそれが正しい書式が正しいと思いません。

<select id="cmbColumn"> 
    <option value="" />Columns 
    <option value="apple+" />apple 
    <option value="berry+" />berry 
</select> 

<select id="cmbSidebar" name="cmbSidebar"> 
    <option value="" />Sidebars 
    <option value="grapes+" />grapes 
    <option value="mango+" />mango    
</select> 

私の主な目的は、例えば、すべての値のリンゴ+とリンゴのように、また数値に数値を与えることです。

これは私の他のコードですが、私はこのような値ではなく、私は上記の

が

<select id="cmbsidebar"> 
    <option value="1" />vijay 
    <option value="2"/>1004045 

</select> 

<select id="combo-014"> 
    <option value="1" />1003045 
    <option value="2" />1004045 

</select> 

Answer 1

あなたはdataは、このようなvalue属性と一緒に属性を使用することができ、私も彼らとブドウ+値を必要と言ったように番号付けを与えたいです：

document.getElementById("options").onchange = function(e) { 
 
    // Get the selected option element 
 
    var target = e.explicitOriginalTarget; 
 
    
 
    // Get its value 
 
    console.info(target.getAttribute("value")); 
 
    
 
    // Get its data-value 
 
    console.info(target.getAttribute("data-value")); 
 
}

<select id="options"> 
 
    <option value="">Sidebars</option> 
 
    <option value="1" data-value="grapes+">grapes</option> 
 
    <option value="2" data-value="mango+">mango</option> 
 
</select>

Answer 2

あなたが使用することができます

data attributesに追加の値があります。オプションを変更して、以下の例を確認してください！

$(function() { 
 
    $('select').change(function() { 
 
    var $this = $(this).find("option:selected"); 
 
    var value = $this.val(); 
 
    var num = $this.attr('data-num'); 
 
    alert("Value: " + value + "\nNumber: " + num); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="cmbColumn"> 
 
    <option data-num="1" value="">Columns</option> 
 
    <option data-num="2" value="apple+">apple</option> 
 
    <option data-num="3" value="berry+">berry</option> 
 
</select> 
 

 
<select id="cmbSidebar" name="cmbSidebar"> 
 
    <option data-num="1" value="">Sidebars</option> 
 
    <option data-num="2" value="grapes+">grapes</option> 
 
    <option data-num="3" value="mango+">mango</option> 
 
</select>