Question

在firefox 46.0.1中，只有一个选择element，其中包含option个元素。 {j}代码正在更改select值属性，并在浏览器检查器窗口中对其进行确认

<select value="G" data-id="someid">，其中一个选项是
<option value="G">G please</option>

但在控制台中：
$('select').first().val()在""中给出空字符串，因此显示不会像我预期的那样显示所选的选项。

如果我发出$('select')[0].value = "R"，显示屏会显示正确的选项值。

为什么以及如何解决这个问题，以便在javascript代码选择select元素的value属性时显示正确的选项？感谢

<template name="select">
  <select data-id={{_id}} value={{value}}>
    {{#each values}}
      <option value={{value}}>{{caption}}</option>
    {{/each}}
  </select>
</template>

该值由Meteor Template帮助程序填充。

修改
这是来自帮助者的底层数据：“sample”

{
    "_id" : "SqNF9wTsbaxEhj5b4",
    "element" : "select",
    "action" : "action12",
    "values" : [
        {
            "group" : "bCode",
            "value" : "G",
            "caption" : "Select food type..."
        },
        {
            "group" : "bCode",
            "value" : "O",
            "caption" : "water"
        },
    ],
    "userId" : "uhx7rt",
    "createdAt" : 1464135235771,
    "value" : "G"
}

Answer 1

正如charlietfl在评论中所建议的那样。我不得不放弃使用value元素上的select属性，而是使用selected元素上的option属性。

正如另一篇文章所述，Meteor不允许html属性为空值。我必须删除未选中它的选项的属性。

html选择无法显示正确的值

1 个答案: