0
私は電子でアプリケーションを構築しています。私はメインのdivで4つの入力とテキストボックスを持つシリアルを使ってテキストを送信できるようにしたいあるフォームでその横にあり、別のテキストボックスとそれのすぐ横にある別のフォームのボタンです。テキストフィールドにテキストを入力して、同じフォームにある送信ボタンを押したときに値を取得できるようにしたいとします。私のコードは、あなたがdivに動的にテキストボックスとボタンを追加してその値を取得
<html>
<head>
<title>Rex Serial Manipulator</title>
<script src="jquery-1.11.1.js"></script>
<script>
window.$ = window.jQuery = require('jquery');
</script>
</head>
<body>
<ul class="tab">
<li><a href="javascript:void(0)" class="tablinks active" onclick="openCity(event, 'London')">Basic</a></li>
<li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'Paris')">Advanced</a></li>
<li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'Tokyo')">Monitor</a></li>
</ul>
<div id="main-content-div" class="main-content-div">
<div id="basic-window" class="tabcontent" style="display: block;">
<center>
<p>Basic Serial Control
<p>
<form id="form-1">
<input type="text" id="serial-value1" class="serial-value-txt-box"></input>
<input type="submit" value="Send"></input>
</form>
<form id="form-2">
<input type="text" id="serial-value2" class="serial-value-txt-box"></input>
<input type="submit" value="Send"></input>
</form>
<input type="button" class="plus-button" value="+" onclick="addButton()">
</input>
</center>
</div>
<div id="Advanced" class="tabcontent">
</div>
<div id="Monitor" class="tabcontent">
</div>
</div>
</body>
</html>
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
$(document).ready(function() {
console.log("ready!");
});
function sendSerial(serialVal) {
console.log("value is", serialVal);
}
$('#serial-value1').click(function(e) {
var serialValNum = 3
var window = document.getElementById('basic-window');
var serialValue = document.getElementById('serial-value1').val;
window.innerHTML += serialValue;
});
function addButton() {
var serialValNum = 3
var window = document.getElementById('basic-window');
window.innerHTML += '<input type="text" id="serial-value' + serialValNum + '" class="serial-value-txt-box">'
serialValNum++
}
</script>