PHP4+JPGraphで、散布図を作らせようとしてますが、
・軸のスケールに、予めHTMLフォームに設定した値をセットしたいです。
・また、検索フォームには、javascriptで入力補助をつけたいです。
回答No1(=私)に、具体的なHTMLフォームを書き込ませていただきます。
(Excelを模して、最大値・最小値を、X軸、Y軸それぞれに
適用できるよう考えていますが、ここではX軸だけ示しY軸は省略してます)
ドロップダウンメニューで、最初は「身長」がselectedされているので、
最大値、最小値の初期値をそれぞれvalueにセットしてあります。さらに追加して、
(1) 体重が選択されたら、最大値(x_max)に100を、最小値(x_min)に0をセット
↑↓
年齢が選択されたら、x_maxに70を、x_minに20をセット
↑↓
身長が再度選択されたら、x_maxに200を、x_minに100を再セット
(2) if(x_max.length == 0 || x_max.length == 0)で、「自動」にチェックON
(3) 「自動」にチェックされている間は、x_maxとx_minがクリアされ、disable(≠readonly)に。
(4) 「自動」のチェックが解除された際は、name="plotaxis_x"の種類を読み取り、
自動で初期値((1) のもの)をセット
(5) name="plotaxis_x"で別の項目が選択されても、「自動」のチェック状況に
応じて(3)や(4) の仕様を踏襲する
・・・といった動作を追加したいです。
すみませんが、お助けいただけないでしょうか…よろしくお願い致します。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
質問者です。
HTMLフォームは以下です。よろしくお願い致します。<html><head>
</head>
<body>
<form id="query" name="query">
<table border="1">
<tr>
<td align="right" colspan="2">軸スケール:</td>
<td align="center">自動</td>
<td align="center">最大値</td>
<td align="center">最小値</td>
</tr>
<tr>
<td>X軸</td>
<td>
<select name="plotaxis_x" class="scatter">
<option value="shincho">身長</option>
<option value="taiju">体重</option>
<option value="nenrei">年齢</option>
</select>
</td>
<td><input type="checkbox" name="x_auto" value="1"></td>
<td><input type="text" name="x_max" class="scatter" value="200"></td>
<td><input type="text" name="x_min" class="scatter" value="100"></td>
</tr>
</table>
</form>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- Visual Basic(VBA) ユーザーフォーム「frm_基本❶」を立ち上げると新規で入力する行数を右下のNoとして表示しています。 1 2023/03/16 19:02
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- C言語・C++・C# プログラミングを教えて欲しいです。 配列aは、int a[9]={7,6,12,8,3,5,10,9 4 2022/12/19 23:27
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript javaScriptで画面に値を入れるには 1 2022/08/14 12:27
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- Chrome(クローム) 入力フォームの履歴を消したい 2 2023/06/29 13:02
- JavaScript 助けてください!スパムメールがとんでもなく大量に届きます。 3 2023/08/10 16:32
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Javascriptの電卓で最初の何も...
-
localStorageでのcheckbox制御
-
history.backの前に値をクリア...
-
formで項目を連結したい
-
チェックボックス付きのテーブ...
-
JavaSprictで時間取得と指定し...
-
JavaScriptの「.querySelectorA...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
submitボタン押下時にPOSTされ...
-
onchangeイベントを強制的に発...
-
大文字か小文字かを判断する方法
-
【jQuery】input nameの文字列...
-
Selectボックスの幅を自動で広...
-
ラジオボタンにタブインデック...
-
ハイパーリンクを別ウインドウ...
-
selectを変更不可にしたい
-
tableの任意行にfocusをあてる
-
チェックボックスのON/OFFに応...
-
プルダウン選択を変更すると、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScriptの「.querySelectorA...
-
複数のselect値で1つも選択され...
-
チェックボックス付きのテーブ...
-
ラジオボタンが選択されたらテ...
-
入力チェックの外部スクリプト...
-
Javascriptの電卓で最初の何も...
-
文字数を数える際に空白、改行...
-
画面の2重起動をチェックする...
-
画面表示とともにtableの指定の...
-
jQueryで合計を出したい
-
localStorageでのcheckbox制御
-
JavaScriptによる自動計算フォーム
-
同一nameの input type="text"...
-
テーブル内のチェックボックス...
-
formで項目を連結したい
-
クリックしたラジオボタンの行...
-
Javascriptで自動計算の合計の...
-
ラジオボタンを一括で操作する...
-
送信ボタン連打を抑止したいです
-
ボタン押下すると一行テキスト...
おすすめ情報