jQuery

Question

我正在为我的项目制作表格。 所有输入字段都分配了相同的类。在css文件中，我将每个单词都大写，并且效果很好。

但是当我尝试使用jQuery .val（）获取字段的值时，该单词没有大写

var name = $('input[name=name').val();
var lastName = $('input[name=lastName]').val();

console.log(name + " " + lastName);

.MyForm {
  text-transform: capitalize;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form><br>
  <label>Name</label><input class="MyForm" name="name"><br>
  <label>Last Name</label><input class="MyForm" name="lastName"><br>
</form>

在输入字段中，我看到约翰和史密斯

并且控制台将打印约翰·史密斯

Answer 1

价值就是价值，当您要求价值时，这就是您得到的。

CSS描述了内容在该元素中呈现时的外观。

由于您正在从元素中取出值并在其他地方查看它，因此CSS不适用。

如果要转换实际值（而不是输入的外观），则需要使用JavaScript进行更改。

Answer 2

你好，Namir CSS就是CSS。这意味着它只会影响样式。您的字段的背景值将保持不变。尝试使用javascript代替。

string.charAt（0）.toUpperCase（）js中没有Capitalize方法，但是您可以将字符串的首字母大写。