数字の後ろに"円"を入れる
-
0 名前： JOB ： 2006/03/31 14:23
- 値段 <INPUT TYPE="TEXT" NAME="nedan" SIZE="15" VALUE="">
という入力欄に１０と入力したら10円と入力した数字の後ろに単位が表示される
ようにしたいのですがどうすればいいでしょうか？
-
1 名前： m035 ： 2006/03/31 14:23 ［URL］
- JavaScriptでよければ下記です。
onfocus="yen_del(this)" onblur="yen_plus(this)"
を指定すればテキストボックスにいくらでも同じ機能をつけられます。
<html>
<head>
<title>yen</title>
<script type="text/javascript">
<!--
function yen_del(d_obj){
d_obj.value=d_obj.value.slice(0,d_obj.value.length-1);
}
function yen_plus(p_obj){
p_obj.value+='円';
}
//-->
</script>
</head>
<body>
<form>
<input type="text" name="nedan" size="15" value="" onfocus="yen_del(this)" onblur="yen_plus(this)">
</form>
</body>
</html>
-
2 名前： JOB ： 2006/03/31 14:23
- m035さんありがとうございます。
すでに別のJavaScriptを使っているテキストボックスにも表示したいのですが
1つのテキストボックス内で複数のJavaScriptを使う事は可能でしょうか？
-
3 名前： Pid ： 2006/03/31 14:23
- チラシの裏ですが CSS で input[name="nedan"]:after { content: "円"; } とか（たぶん Opera しか対応していません (^^;)）。
ふと気になったのですが，value 属性値に「円」を入れちゃって良いのかしらん。その後どういう処理を想定しておられますか。
