我如何给选项值编号

Question

下面是我的代码，但我想像这样为每个值提供数字 <option value="1" />vijay

但是 apple+ 应该在那里，因为我想使用 jquery 分配一些值那就是我想添加 + 值，因为我们可以修改 <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>

我的主要目标是实现例如所有值 apple+ 和 apple 并为值赋予数字。

这是我的其他代码，但我想给这样的值编号，但就像我上面说的，我还需要 grapes+ 值

<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>

我如何给选项值编号

How can i give numbering for option values

html

jquery

blogger