同じフォームの送信ボタンをクリックすると、2つの異なるフォームのテキストの背景と色を変更する必要があります。このコードがあり、すでにテキストを変更することができます。JavaScriptの送信でデータをキャプチャするにはどうすればよいですか?
$('#select').change(function() {
if ($(this).val() == 'A') {
$("h1").css('background-color', 'white');
}
if ($(this).val() == 'B') {
$("h1").css('background-color', 'red');
}
if ($(this).val() == 'C') {
$("h1").css('background-color', 'yellow');
}
if ($(this).val() == 'D') {
$("h1").css('background-color', 'green');
}
});
$('#select1').change(function() {
if ($(this).val() == 'A') {
$("h1").css('color', 'white');
}
if ($(this).val() == 'B') {
$("h1").css('color', 'red');
}
if ($(this).val() == 'C') {
$("h1").css('color', 'yellow');
}
if ($(this).val() == 'D') {
$("h1").css('color', 'green');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>
H1 TEXT TO CHANGE
</h1>
<h3>
Background Text
</h3>
<form method="POST">
<select id="select">
<option value="A">White</option>
<option value="B">Red</option>
<option value="C">Yellow</option>
<option value="D">Green</option>
</select>
<h3>
Color Text
</h3>
<select id="select1">
<option value="A">White</option>
<option value="B">Red</option>
<option value="C">Yellow</option>
<option value="D">Green</option>
</select>
<br>
<br>
</form>
私はエラーを取得し、送信ボタンにリンクされた機能を追加します。
<button onclick="capture()">Change</button>
function capture(){
*Actual JS*
}
:
そして、あなたは選択を取得し、CSSに対応し適用することができますイベントリスナーを?送信時に別のページに転送されると、変更は表示されません –
送信をクリックして選択した色に変更します –