2

使用 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>

任何帮助表示赞赏。谢谢！

4

2 回答 2

4

这是添加美元符号的方式：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;
}

您必须监听类似onchangeor的事件onblur，然后将值设置回去。document.write不会做你需要的。

于 2013-08-20T14:06:40.250 回答
3

最好的方法是：

Amount: $<input type="number" id="name" min="0" max="9999" step="0.01"/>
于 2013-08-20T13:59:03.077 回答