![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
html内のform中のテキストボックス内に数値を入力します。
すると、あらかじめ登録しておいた文字列を表示するというような仕組みなのですが、プログラムスキルが素人なものでどうやっていいのかわかりません;
もしできれば、
数値を入力⇒決定ボタンを押す⇒同じhtmlにすぐに表示
というようなことをやりたいです。
以下に入力した数値と、こんな文字列を表示させたいというのを書きます。
【入力した数値】 ⇒ 【表示させたい文字列】
1~100 ⇒ 東京都墨田区 ¥80円
101~1000 ⇒ アメリカオクラホマ州 ¥800円
1001~5000 ⇒ オーストラリアメルボルン ¥8000円
5001~10000 ⇒ 中国+韓国+オランダ ¥80000円
10001~100000 ⇒ イタリアのベネチアに行きたい ¥800000円
※文字列は適当ですm(__)m
どなたかわかる方いらっしゃいましたら教えて頂けないでしょうか?
もしくはそれに近いようなフリーのCGIなどがございましたら教えて下さいm(__)m
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
javascriptで対応してみました。
ご参考になればと思います。
以下、javascriptソース
/*
* 表示文字列リスト(最小値、最大値、表示文字列)
*/
var list = [
[ 1, 100, "東京都墨田区 ¥80円"],
[ 101, 1000, "アメリカオクラホマ州 ¥800円"],
[ 1001, 5000, "オーストラリアメルボルン ¥8000円"],
[ 5001, 10000, "中国+韓国+オランダ ¥80000円"],
[10001, 100000, "イタリアのベネチアに行きたい ¥800000円"]
];
/*
* 文字列表示関数
*/
function viewString(){
var str = "";
var num
//入力された数値を取得(IDを仮にnumInputとしています)
num = Number(document.getElementById("numInput").value);
//表示文字列リストより入力された数値に対応した文字列を検索
for(var i = 0 ; i < list.length ; i++){
if(num >= list[i][0] && num <= list[i][1]){
str = list[i][2];
}
}
//特定の場所に文字列を表示(IDを仮にtargetとしています)
document.getElementById("target").innerHTML = str;
}
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- その他(プログラミング・Web制作) プログラミング pythonの問題について 2 2022/04/19 00:41
- Excel(エクセル) EXCELでリターンキーが押されたらそのセルに特定の文字を表示したいのですが。 2 2022/08/07 12:58
- Excel(エクセル) エクセルのセルの書式設定・ユーザー定義の条件設定について 1 2022/08/17 21:56
- Java Javaの問題なのですが、「3文字以上の英数字文字列を入力し、文字列の中に文字(9)が出てくるまでの 1 2023/06/06 18:55
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- Excel(エクセル) Excelにの以下の設定方法について教えてください! C列にデータ入力の設定をしています。(出、入を 3 2022/06/22 01:33
- Excel(エクセル) countif関数について質問 4 2022/06/14 12:11
- その他(Microsoft Office) エクセルのマクロを教えてください。 1 2023/01/27 09:05
- gooブログ Twitterの動画画面をgooブログに埋め込めない 4 2022/06/03 16:40
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
php言語の脆弱性について
-
エクセルでアルファベットか数...
-
【ChatGTPのオープンソースソフ...
-
16進数を10進数に簡単に変換す...
-
wordで同じ行に入力した文字列...
-
住所などの中から漢数字だけを...
-
[C言語]fputsとfprintfの違い
-
同一セル内に関数と文字列を同...
-
Excelで偶数行だけ文字列を数え...
-
(エクセル)複数のセルの数値...
-
Excelで3E8を3.00E+8にしない方...
-
文字列からタブコードを取り除...
-
【ホームページ】CGI?JavaScri...
-
sedなどで、特定の文字列の後の...
-
EXCELで=より左の文字を一括で...
-
エクセルで文字列の最大値を抽...
-
VBAを使って選択した範囲の数字...
-
NULLの定義について
-
vbsからバッチファイル実行時の...
-
Msgboxの×が押されたとき
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクセルでアルファベットか数...
-
EXCELで=より左の文字を一括で...
-
VBAでの Replace関数で、ワイル...
-
Excelで指数表現しないようにす...
-
文字列からタブコードを取り除...
-
Excelで3E8を3.00E+8にしない方...
-
エクセルで文字列をtxtファイル...
-
エクセルで文字列の最大値を抽...
-
VBA2005 16進を2桁で表示したい。
-
同一セル内に関数と文字列を同...
-
Left関数とRight関数を合わせた...
-
VBの「As String * 128」とは?
-
Msgboxの×が押されたとき
-
【Excel VBA】複数ある特定の文...
-
MS SQLServer のSQLで文字列の...
-
アクセスで特定の数字以外(複...
-
エクセルでセル内の文字列の最...
-
ORCLEでの小数の表示方法の変更...
-
変数内に入った文字列の結合 UWSC
-
エクセル 数値データを桁をそ...
おすすめ情報