Javascript SPAN仅显示一些ID

我喜欢用JS/php编写一个小小的邮政计算器，对JS不是很有经验。我有一个（对我来说）奇怪的问题，我不明白。SPAN元素将显示所有数据或第一个（有时是前几个）数据。但我无法选择特定的ID

注意-代码不完整

document.getElementById('au').innerHTML     = 'AU1 ec-ship $: ' + 30,
document.getElementById('ca').innerHTML     = 'CA ec-ship $: ' + ((((Math.ceil(userInput2 / 10) * 10) - 30)/10 * 1.7) +7).toFixed(2),
document.getElementById('ru').innerHTML     = 'RU ec-ship $: ' + ((((Math.ceil(userInput2 / 10) * 10) - 30)/10 * 1.7) +7).toFixed(2),
document.getElementById('uk').innerHTML     = 'UK ec-ship $: ' + ((((Math.ceil(userInput2 / 10) * 10) - 30)/10 * 1.7) +7).toFixed(2),
document.getElementById('us').innerHTML     = 'US1 ec $: '   + ((((Math.ceil(userInput2 / 10) * 10) - 30)/10 * 1.7) +7).toFixed(2),
document.getElementById('fr').innerHTML     = 'FR ec-ship $: ' + ((((Math.ceil(userInput2 / 10) * 10) - 30)/10 * 1.7) +7).toFixed(2),
document.getElementById('de').innerHTML     = 'DE ec-ship $: ' + 28

    <span id='au'></span><br>
    <span id='ca'></span><br>
    <span id='ru'></span><br>
    <span id='uk'></span><br>
    <span id='us'></span><br>   
    <span id='fr'></span><br>   
    <span id='de'></span><br>

document.getElementById（'au'）.innerHTML='AU1 ec ship$：'+30，
document.getElementById（'ca'）.innerHTML='ca ec ship$：'+（（（Math.ceil（userInput2/10）*10）-30）/10*1.7）+7）固定（2），
document.getElementById（'ru'）.innerHTML='ru ec ship$：'+（（Math.ceil（userInput2/10）*10）-30）/10*1.7）+7）固定（2），
document.getElementById（'uk'）.innerHTML='uk ec ship$：'+（（Math.ceil（userInput2/10）*10）-30）/10*1.7）+7）固定（2），
document.getElementById（'us'）.innerHTML='us1ec$：'+（（Math.ceil（userInput2/10）*10）-30）/10*1.7）+7）固定（2），
document.getElementById（'fr'）.innerHTML='fr ec ship$：'+（（（Math.ceil（userInput2/10）*10）-30）/10*1.7）+7）固定（2），
document.getElementById（'de'）.innerHTML='de ec ship$：'+28

我真正想要的是选择一个“美国”，即：

 <span id='us'></span><br>

---

但这根本不起作用。正确的方法是什么？更新

及

片段

OP请求的

，可以以任何组合显示。因此，以下更新涉及

和

以及两行CSS。

---

---

• 将JS放在
  块中
• 您的代码看起来很像PHP，使用“；”而不是“；”来终止语句
• 添加了一个输入和事件侦听器
• 忽略片段，只需查看Plunker

.chk+标签{
显示：无；
}
.chk：选中+标签{
显示：内联块；
}


UA1


加利福尼亚州


茹


英国


US1


FR


判定元件
var input2=document.getElementById（'inp2'）；
input2.addEventListener（'input'，函数（e）{
var userInput2=parseFloat（input2.value）；
document.getElementById（'au'）.innerHTML='AU1 ec ship$：'+30；
document.getElementById（'ca'）.innerHTML='ca ec ship$：'+（（Math.ceil（userInput2/10）*10）-30）/10*1.7）+7）；
document.getElementById（'ru'）.innerHTML='ru ec ship$：'+（（Math.ceil（userInput2/10）*10）-30）/10*1.7）+7）固定（2）；
document.getElementById（'uk'）.innerHTML='uk ec ship$：'+（（Math.ceil（userInput2/10）*10）-30）/10*1.7）+7）固定（2）；
document.getElementById（'us'）.innerHTML='us1ec$：'+（（Math.ceil（userInput2/10）*10）-30）/10*1.7）+7）；
document.getElementById（'fr'）.innerHTML='fr ec ship$：'+（（Math.ceil（userInput2/10）*10）-30）/10*1.7）+7）固定（2）；
document.getElementById（'de'）.innerHTML='de ec ship$：'+28；
}，假）；

如果改用

不是更好吗？好吧，userInput2是一个数字，我想计算不同国家的邮资而不刷新。如果这是你的代码和html的顺序，那么它当然不起作用。元素在javascript中被访问时不存在。。。查看

窗口。addEventListener（'load'

或

文档。addEventListener（“DOMContentLoaded”）

方法确保javascript只在HTML出现时运行。因此，您的意思是您有一个

输入框，当用户在其中键入时，他们将看到每个
的计算邮政编码。如果是，只需将每个
文档的
，
更改为
；
。获取…
感谢您的努力。但是在案例I中如果只想显示

，它就不起作用了。你是说只有美国吗？是的。我有一个页面可以进行所有的计算。但是在实际的php工作页面上，我想设置一个条件，比如
if（$country='US'）{echo'；}
将其制作成一个选择输入，看一看选择并不是我真正想要的，我只想显示一个结果。我想我可以对所有我不想要的东西做
。这不是很优雅，但可以完成这项工作。