Question

使用JavaScript，我希望在表单的输入字段中自动在输入的金额前加上一个美元符号。我正在使用下面的代码，但我不确定我缺少的是什么：

<!DOCTYPE html>
<head>
<title>Example</title>
<script>
var test = document.getElementById("name");
document.write("$"+test.value);
</script>
</head>

<body>

<form action="" method="get">
<input type="text" id="name"/>
</form>

</body>
</html>

感谢任何帮助。谢谢！

Answer 1

最好的方法是：

Amount: $<input type="number" id="name" min="0" max="9999" step="0.01"/>

Answer 2

这是您添加美元符号的方式：http://jsfiddle.net/VSuvA/。

HTML：

<form action="" method="get">
<input type="text" id="name" onblur="handleChange()"/>
</form>

JS：

function handleChange() {
   var myValue = document.getElementById("name").value;

   if (myValue.indexOf("$") != 0)
   {
      myValue = "$" + myValue;
   }

   document.getElementById("name").value = myValue;
}

您必须收听onchange或onblur等事件，然后重新设置该值。 document.write将无法满足您的需求。

使用JavaScript将美元符号添加到文本字段输入

2 个答案: