Javascript variable=getDocumentById（“something”）。是否会丢失一半的数据？

我使用javascript在焦点上自动填充一个选择框，然后在模糊上清除innerHTML（除了所选值）（以防止列表越来越大）

除非选择的值是两个字，否则一切都按预期工作。。。例如：“浴池炸弹”。如果我再次单击选择框，并选择相同的选项（现在位于列表顶部），它会从字段中删除单词“bombs”

（还有，有了我现有的代码，有没有办法防止字段缩小？）

有人能告诉我哪里出了问题吗？ （顺便说一句：我对javascript或html知之甚少——过去几天我一直在自学）

函数类型（id）{
var targetId=id；
var select=document.getElementById（targetId）；
var选项=[“”、“蜡烛”、“蛋挞”、“浴盐”、“浴弹”、“甘油肥皂”、“盐擦”、“糖擦”、“沐浴露”、“乳液”]；
对于（变量i=0；i

您可以使用带有单引号的变体：

select.innerHTML = "<option value='"+svalue+"'>"+svalue+"</option>";

select.innerHTML=“+svalue+”；

您可以使用带有单引号的变体：

select.innerHTML = "<option value='"+svalue+"'>"+svalue+"</option>";

select.innerHTML=“+svalue+”；

问题在于，当您更新选项值时，您没有包含引号，因此它实际上被设置为

value=bath bombs

。

bombs

会被忽略，而您只会得到

value=bath

。添加一些引号（

value='bath bombs'

），它将按预期工作

函数类型（id）{
var targetId=id；
var select=document.getElementById（targetId）；
var选项=[“”、“蜡烛”、“蛋挞”、“浴盐”、“浴弹”、“甘油肥皂”、“盐擦”、“糖擦”、“沐浴露”、“乳液”]；
对于（变量i=0；i

产品类型

问题在于，当您更新选项值时，您没有包含引号，因此它实际上被设置为

value=bath bombs

。

bombs

会被忽略，而您只会得到

value=bath

。添加一些引号（

value='bath bombs'

），它将按预期工作

函数类型（id）{
var targetId=id；
var select=document.getElementById（targetId）；
var选项=[“”、“蜡烛”、“蛋挞”、“浴盐”、“浴弹”、“甘油肥皂”、“盐擦”、“糖擦”、“沐浴露”、“乳液”]；
对于（变量i=0；i

产品类型

报价很重要……）我不明白你想做什么。构建和清除select比使用常规html select实现了什么？魔法。。。lunochkin，这两个问题同时解决了！史蒂夫-通过一个输入框，你可以将所有选项放在一个地方，并在多个元素上使用它们-但是-由于自动完成，可以选择、写入或显示其他选项。（在这种情况下，我无法关闭自动完成功能是有原因的）。使用select时，只有我的选项可用，但每次创建新元素时，我都必须包含所有选项。这样，我就可以调用相同的函数并使用相同的数据，而无需编写100行代码引用，这很重要……）我不明白你想做什么。构建和清除select比使用常规html select实现了什么？魔法。。。lunochkin，这两个问题同时解决了！史蒂夫-通过一个输入框，你可以将所有选项放在一个地方，并在多个元素上使用它们-但是-由于自动完成，可以选择、写入或显示其他选项。（在这种情况下，我无法关闭自动完成功能是有原因的）。使用select时，只有我的选项可用，但每次创建新元素时，我都必须包含所有选项。这样我就可以调用相同的函数并使用相同的数据，而无需编写100行代码。它可以工作，但我不太理解语法。（我毕竟是个傻瓜）我以为在那里加引号会把预期的输出改为：Bath Bombs，这是行不通的，因为在变量周围加引号会把它变成简单的文本。这就是我来这里的原因-非常感谢！bombs没有被忽略，它被视为另一个没有值的属性。对，但是浏览器没有对它做任何事情。它可以工作，但我不太理解语法。（我毕竟是个傻瓜）我以为在那里加引号会把预期的输出改为：Bath Bombs，这是行不通的，因为在变量周围加引号会把它变成简单的文本。这就是我来这里的原因-非常感谢！炸弹不会被忽略，这被视为另一个没有价值的属性。对，但浏览器不会对其进行任何处理。