尝试使用jQuery检索<select>的.value

Question

所以我有这个HTML代码/ JavaScript， var spellNumber = 0; 函数createSpell（）{   var spellOption = document.createElement（“ option”）;   var spellOption2 = document.createElement（“ option”）;   var spellSelect = document.createElement（“ select”）;   var spellLabel = document.createElement（“ label”）;   var spellEnvelope = document.createElement（“ p”）;   spellOption.innerHTML ='清漆';   spellOption.setAttribute（'value'，'消失'）;   spellOption2.innerHTML ='传送';   spellOption2.setAttribute（'value'，'teleport'）;   spellSelect.setAttribute（'id'，'spell'）;   spellSelect.setAttribute（'name'，'spell'）;   spellLabel.setAttribute（'for'，'spell'）;   spellLabel.innerHTML ='拼写'+（spellNumber +1）+' =';   spellEnvelope.appendChild（spellLabel）;   spellEnvelope.appendChild（spellSelect）;   spellSelect.appendChild（spellOption）;   spellSelect.appendChild（spellOption2）;   document.getElementById（“ spells”）。appendChild（spellEnvelope）;   spellNumber + = 1; } createSpell（） 函数generateYaml（）{ var spellCheck = 1; for（allSpells = 0; allSpells

添加咒语 实现魔力 并试图检索选项的.value。但是，控制台返回的是未定义的，而不是消失或传送。 有人可以为此指出正确的方向吗？

2 个答案:

答案 0 :(得分：0)

var multipleSpell = $("#spell:contains('Spell " + spellCheck + "')").val();

More info here。

已编辑：

好吧，我看到您正在尝试获取所有选择值。为什么不试试呢？

function generateYaml() {

    var spellCheck = 1;
    var selects = $("select").each(function (index, element) {
        var value = $(element).val()
        console.log("The value at index %d is %s", index, value);
        spellCheck++
    });

}

这样，您可以遍历所有选择，并将其值放入循环中。在这里尝试（打开开发者控制台）：https://darkcyanpointlessbooleanvalue--parzibyte.repl.co/

答案 1 :(得分：0)

嗯：

• Id应该是唯一的，所以我添加了spellSelect.setAttribute('id', 'spell' + spellNumber);（+其他行）
• 也multipleSpell = $("#spell" + spellCheck).val();
• console.log(multipleSpell);一开始仅被调用一次->您也应该将其更改为起作用 `

var spellNumber = 0;

function createSpell() {
  var spellOption = document.createElement("option");
  var spellOption2 = document.createElement("option");
  var spellSelect = document.createElement("select");
  var spellLabel = document.createElement("label");
  var spellEnvelope = document.createElement("p");

  spellOption.innerHTML = 'Vanish';
  spellOption.setAttribute('value', 'vanish');
  spellOption2.innerHTML = 'Teleport';
  spellOption2.setAttribute('value', 'teleport');

  spellSelect.setAttribute('id', 'spell' + spellNumber);
  spellSelect.setAttribute('name', 'spell' + spellNumber);

  spellLabel.setAttribute('for', 'spell' + spellNumber);
  spellLabel.innerHTML = '<strong>Spell ' + (spellNumber + 1) + '</strong> = ';

  spellEnvelope.appendChild(spellLabel);
  spellEnvelope.appendChild(spellSelect);
  spellSelect.appendChild(spellOption);
  spellSelect.appendChild(spellOption2);
  document.getElementById("spells").appendChild(spellEnvelope);
  spellNumber += 1;
}
createSpell()
function generateYaml() {
   var spellCheck = 0;
   for (allSpells = 0; allSpells < spellNumber; allSpells++) {
     var multipleSpell = $("#spell" + spellCheck).val();
     console.log(multipleSpell);
     spellCheck++
   }
   }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="spells"></div>
<button onClick="createSpell()">Add A Spell</button>
<button id="button" onClick="generateYaml()">Make the Magic Happen</button>

相关问题

• 试图从动态自定义控件中检索值
• 根据选择值检索json数据
• 尝试使用object_getIvar检索值时的EXC_BAD_ACCESS
• 如何检索所有信息当我选择一个值时
• 尝试在logparser中使用SUB-SELECT来检索文件夹信息
• 选择具有最高值/秒和第二高值/ s的表格单元格
• 无法从window.localstorage中检索选择输入值
• 试图用jquery获取css值
• 尝试使用jQuery检索<select>的.value
• 检索ListViewItem的值

最新问题

• 我写了这段代码，但我无法理解我的错误
• 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
• 是否有可能使 loadstring 不可能等于打印？卢阿
• java中的random.expovariate()
• Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
• 为什么我的 Onclick 箭头功能在 React 中不起作用？
• 在此代码中是否有使用“this”的替代方法？
• 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
• 每千个数字得到
• 更新了城市边界 KML 文件的来源？

Answer 1

var multipleSpell = $("#spell:contains('Spell " + spellCheck + "')").val();

More info here。

已编辑：

好吧，我看到您正在尝试获取所有选择值。为什么不试试呢？

function generateYaml() {

    var spellCheck = 1;
    var selects = $("select").each(function (index, element) {
        var value = $(element).val()
        console.log("The value at index %d is %s", index, value);
        spellCheck++
    });

}

这样，您可以遍历所有选择，并将其值放入循环中。在这里尝试（打开开发者控制台）：https://darkcyanpointlessbooleanvalue--parzibyte.repl.co/

Answer 2

嗯：

• Id应该是唯一的，所以我添加了spellSelect.setAttribute('id', 'spell' + spellNumber);（+其他行）
• 也multipleSpell = $("#spell" + spellCheck).val();
• console.log(multipleSpell);一开始仅被调用一次->您也应该将其更改为起作用 `

var spellNumber = 0;

function createSpell() {
  var spellOption = document.createElement("option");
  var spellOption2 = document.createElement("option");
  var spellSelect = document.createElement("select");
  var spellLabel = document.createElement("label");
  var spellEnvelope = document.createElement("p");

  spellOption.innerHTML = 'Vanish';
  spellOption.setAttribute('value', 'vanish');
  spellOption2.innerHTML = 'Teleport';
  spellOption2.setAttribute('value', 'teleport');

  spellSelect.setAttribute('id', 'spell' + spellNumber);
  spellSelect.setAttribute('name', 'spell' + spellNumber);

  spellLabel.setAttribute('for', 'spell' + spellNumber);
  spellLabel.innerHTML = '<strong>Spell ' + (spellNumber + 1) + '</strong> = ';

  spellEnvelope.appendChild(spellLabel);
  spellEnvelope.appendChild(spellSelect);
  spellSelect.appendChild(spellOption);
  spellSelect.appendChild(spellOption2);
  document.getElementById("spells").appendChild(spellEnvelope);
  spellNumber += 1;
}
createSpell()
function generateYaml() {
   var spellCheck = 0;
   for (allSpells = 0; allSpells < spellNumber; allSpells++) {
     var multipleSpell = $("#spell" + spellCheck).val();
     console.log(multipleSpell);
     spellCheck++
   }
   }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="spells"></div>
<button onClick="createSpell()">Add A Spell</button>
<button id="button" onClick="generateYaml()">Make the Magic Happen</button>