如何将酒店预订表单提交后输出的姓名转换为全大写格式？

解决方案 #

要实现提交后姓名全大写输出，直接调用JavaScript原生的toUpperCase()方法处理姓名字段的值即可，修改你的JS代码中姓名变量的赋值逻辑：

// 原代码
// var Fname= document.getElementById("fname").value;
// var Lname= document.getElementById("lname").value;

// 修改为
var Fname= document.getElementById("fname").value.toUpperCase();
var Lname= document.getElementById("lname").value.toUpperCase();

该方法会自动将所有英文字符转为大写，不会影响其他类型的字符，完全符合你的需求。

另外注意你现有代码存在一个逻辑问题：HTML中房型下拉框的option value值和JS中的判断条件不匹配，会导致金额计算永远走10美元的分支，需要同步修改：

1. 要么将HTML中option的value修改为和判断条件一致：

<option value="King $30" >King $30</option>
<option value="Double $20">Double $20</option>
<option value="Single $10">Single $10</option>

2. 要么将JS中的判断条件修改为和现有value匹配，比如val == "King "。

内容的提问来源于stack exchange，提问作者Bushra Mh