急いでいます！

javascriptで日付＋乱数＋選択肢の内容を反映させる方法

解決済

質問者：buriburizaemon9999
質問日時：2017/07/04 18:16
回答数：2件

javascriptで日付＋乱数＋選択肢の内容を反映させる方法を教えてください。

日付＋乱数ででてきた値に選択肢（フォームのボタンやチェックボックス）のデータを付け加えるにはどうすればよいでしょうか？

例えば
乱数は5ケタで順番どおり表示する
7月7日
●A市（ボタン選択済）　○B市　○C市

このような場合は

17070712345A

7月7日
○A市　●B市（ボタン選択済）　○C市

17070712346B

このように日付と乱数を合体させた値に、選択肢の値も反映させるには
どうすればいいでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.1

回答者： yambejp
回答日時：2017/07/05 09:41

仕様がはっきりしませんが、こんなかんじで

- 0
- 件

通報する

No.2ベストアンサー

回答者： fujillin
回答日時：2017/07/05 10:07

こんにちは

＞どうすればいいでしょうか？
単純に、文字列として連結していけば良いと思いますが・・・

日付の後の5桁の部分が「乱数」にあたるものと解釈しました。
以下、一例です。
（日付はローカルマシン依存です）

<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title>

<style type="text/css">
label { margin: 0.5em; }
</style>

</head>
<body>

<form name="form0">
<label><input type="radio" name="si" value="A">A市</label>
<label><input type="radio" name="si" value="B">B市</label>
<label><input type="radio" name="si" value="C">C市</label>
</form>
<p>発生値：<span id="res"></span></p>

<script type="text/javascript">
document.querySelector("form[name='form0']").addEventListener("click", function(e){
if(e.target.nodeName != "INPUT") return;

var pad = function(num , n){ return ("0000" + num).slice(-n); }
var d = new Date();
var res = "" + (d.getFullYear() % 100);
res += pad(d.getMonth() + 1, 2) + pad(d.getDate(), 2);
res += pad(parseInt(Math.random()*100000), 5);
var e = document.querySelector("form[name='form0'] input[name='si']:checked");
document.getElementById("res").innerHTML = res + (e?e.value:"");
}, false);
</script>
</body>
</html>