如何使用JavaScript函数获取HTML值

我想将选择菜单选项的值设置为JavaScript对象的值

HTML

所以在这里，我想将与属性'potential'关联的值转换为HTML值。 然而，当我试图在一个文本框中显示它只是为了看看我得到了什么，我最终得到的是“electroSeries.Li.potential”而不是数值

---

我对JS比较陌生，所以任何帮助都将不胜感激

如果没有外部库（如angular），Html和js无法像您期望的那样交互。 您需要从javascript访问option元素并应用以下值：

var electroSeries = {
    Li: {name : "Li", charge : "1", potential : -3.05, 
         redReaction : "Li+(aq) + e- >> Li(s)", 
         oxReaction : "Li(s) >> Li+(aq) + e-"};
}
var select = document.getElementById('eRedList');
select.options[0].value = electroSeries.Li.potential;

编辑：基于注释的解决方案

var系列={
李：{电位：-3.05}，
K:{电位：-2.92}，
Ca:{电位：-2.76}，
};
var select=document.getElementById（'eRedList'）；
用于（电气系列中的var i）{
var option=document.createElement（'option'）；
option.innerHTML=i；
option.name=i；
option.value=electroSeries[i]。电势；
选择.appendChild（选项）；
}

---

元素：

如果没有外部库（如angular），Html和js无法像您期望的那样交互。 您需要从javascript访问option元素并应用以下值：

var electroSeries = {
    Li: {name : "Li", charge : "1", potential : -3.05, 
         redReaction : "Li+(aq) + e- >> Li(s)", 
         oxReaction : "Li(s) >> Li+(aq) + e-"};
}
var select = document.getElementById('eRedList');
select.options[0].value = electroSeries.Li.potential;

编辑：基于注释的解决方案

var系列={
李：{电位：-3.05}，
K:{电位：-2.92}，
Ca:{电位：-2.76}，
};
var select=document.getElementById（'eRedList'）；
用于（电气系列中的var i）{
var option=document.createElement（'option'）；
option.innerHTML=i；
option.name=i；
option.value=electroSeries[i]。电势；
选择.appendChild（选项）；
}

---

元素：

如果没有外部库（如angular），Html和js无法像您期望的那样交互。 您需要从javascript访问option元素并应用以下值：

var electroSeries = {
    Li: {name : "Li", charge : "1", potential : -3.05, 
         redReaction : "Li+(aq) + e- >> Li(s)", 
         oxReaction : "Li(s) >> Li+(aq) + e-"};
}
var select = document.getElementById('eRedList');
select.options[0].value = electroSeries.Li.potential;

编辑：基于注释的解决方案

var系列={
李：{电位：-3.05}，
K:{电位：-2.92}，
Ca:{电位：-2.76}，
};
var select=document.getElementById（'eRedList'）；
用于（电气系列中的var i）{
var option=document.createElement（'option'）；
option.innerHTML=i；
option.name=i；
option.value=electroSeries[i]。电势；
选择.appendChild（选项）；
}

---

元素：

如果没有外部库（如angular），Html和js无法像您期望的那样交互。 您需要从javascript访问option元素并应用以下值：

var electroSeries = {
    Li: {name : "Li", charge : "1", potential : -3.05, 
         redReaction : "Li+(aq) + e- >> Li(s)", 
         oxReaction : "Li(s) >> Li+(aq) + e-"};
}
var select = document.getElementById('eRedList');
select.options[0].value = electroSeries.Li.potential;

编辑：基于注释的解决方案

var系列={
李：{电位：-3.05}，
K:{电位：-2.92}，
Ca:{电位：-2.76}，
};
var select=document.getElementById（'eRedList'）；
用于（电气系列中的var i）{
var option=document.createElement（'option'）；
option.innerHTML=i；
option.name=i；
option.value=electroSeries[i]。电势；
选择.appendChild（选项）；
}

---

---

Element:

是否需要一个脚本自动将

electroSeries.Li.potential

转换为数值？当变量发生变化时，它是否需要自动更新？您具体遇到了哪些问题？任何子问题都已经被反复询问过了。正在获取选定的值：。将字符串用作嵌套对象的键：。编辑：或者您似乎想将对象中的值设置为

选项的值

？在这种情况下，如何生成标记？是否需要一个脚本自动将

electroSeries.Li.potential

转换为数值？当变量发生变化时，它是否需要自动更新？您具体遇到了哪些问题？任何子问题都已经被反复询问过了。正在获取选定的值：。将字符串用作嵌套对象的键：。编辑：或者您似乎想将对象中的值设置为

选项的值

？在这种情况下，如何生成标记？是否需要一个脚本自动将

electroSeries.Li.potential

转换为数值？当变量发生变化时，它是否需要自动更新？您具体遇到了哪些问题？任何子问题都已经被反复询问过了。正在获取选定的值：。将字符串用作嵌套对象的键：。编辑：或者您似乎想将对象中的值设置为

选项的值

？在这种情况下，如何生成标记？是否需要一个脚本自动将

electroSeries.Li.potential

转换为数值？当变量发生变化时，它是否需要自动更新？您具体遇到了哪些问题？任何子问题都已经被反复询问过了。正在获取选定的值：。将字符串用作嵌套对象的键：。编辑：或者您似乎想将对象中的值设置为

选项的值

？在这种情况下，如何生成标记？是否有任何方法可以从值标记调用函数？与value=“getSelectedValue（i，element）”类似，您可以在

li

element的onload属性处绑定事件。一旦浏览器读取并加载了您的

li

标记，它就会被触发

..

注意，在

li

之前需要定义electroSeries。好的，谢谢你，我会胡闹一下，看看我能想出什么。我的问题是那里可能有50种不同的化学物质，Li只是第一种，所以我尝试在函数中传递值，而不是显式地说：select.options[0]。value=electroSeries.Li.potential（如果选择了第一种选项），或者：select.options[1].value=electroSeries.Cu.potential（如果选择了第二个），等等。您可以使用标准循环遍历您的值，并创建所有

li

元素。看我的电子数据交换