js 条件に応じたneme値の取得方法について

質問

下記のようなselect内でのjsのname値の取得方法に関してご教授ください。
どなたかお助けいただけると幸いです。どうぞよろしくお願いいたします。

末尾から5桁0でjAのname値を取得　下記の <option value="A00000">関東</option>
末尾から3桁0でjPのname値を取得　下記の<option value="A14000">神奈川県</option>
それ以外はjZのname値を取得　　　　下記の<option value="A14100">横浜市</option>
※現在は下記のjsコードには桁が3桁ならという条件が入っており、中途半端な状態です。

▼html
<select onchange="javascript:setAreaCode(this.value);" name="code">
<option value="@" selected>　▼下記から選択して下さい</option>
<option value="A00000">　┣関東</option>
<option value="A14000">　┣神奈川県</option>
<option value="A14100">　┃┣横浜市</option>
</select>
▲html

<script>
<!--
// エリアname値取得
function setAreaCode(code) {
document.getElementsByName("jA").item(0).value = "";
document.getElementsByName("jP").item(0).value = "";
document.getElementsByName("jZ").item(0).value = "";
if(code.length == 5) {
document.getElementsByName("jA").item(0).value = code;
} else if (code.length == 3){
document.getElementsByName("jP").item(0).value = code;
} else {
document.getElementsByName("jZ").item(0).value = code;
}
}
-->
</script>

回答No.5

mikemike7 · ベストアンサー

>A14100 A14128
>A14128 A14000
のどちらもあるということですね？
単体の
A00000
などという場合は、jAまたはjPに。
複数ある場合は、0にマッチしたとしてもjZでいいですか？

var code = "";
var arr = new Array();
arr = val.split(" "); // 半角で区切る
document.getElementsByName("jA").item(0).value = "";
document.getElementsByName("jP").item(0).value = "";
document.getElementsByName("jZ").item(0).value = "";
if(arr.length == 1){ // 単体の場合
（省略）
}
else{ // 複数存在する場合
for(var i = 0; i < arr.length; i++){
if(arr[i].match(/(0+)$/)){
code = arr[i].match(/(0+)$/)[1];
}
else{code = "";}
}
document.getElementsByName("jZ").item(0).value = code;
}

という流れになると思います。

複数ある場合に、たとえば
A14000 A14100
と２つ以上でマッチすることがあるかどうかもわかりませんし、あるなら、2つ以上でマッチした時の挙動が書かれていないので、とりあえず流れだけ書いておきます。

お礼

返信が遅くなりまして申し訳ありません。
ご回答ありがとうございます、大変助かります。

頂いた解答を元に再トライしてみたいと思います。

良いアドバイスありがとうございます。

回答No.4

mikemike7

>例(1)・(2)のいずれもjZのパラメータを取得したいです。
0にマッチすることを前提とした質問ではないんですか？
予定外の値があるなら、予め提示するべきだと思います。

>もしアドバイスいただけるなら大変助かります。
何をどうアドバイスしたら良いかわかりません。

JavaScript的には、

var code = val.match(/(0+)$/)[1];

が

var code = "";
if(val.match(/(0+)$/)){
code = val.match(/(0+)$/)[1];
}
else{code = "";}

となるでしょうが、0がマッチしなかった場合の挙動を提示されていないので、アドバイスしようがありません。

マッチしなかった場合に、セレクトボックスの値を、たとえば、nomatchにしたいなら、

} else {
document.getElementsByName("jZ").item(0).value = code;
}
を
} else if(code.length > 0){
document.getElementsByName("jZ").item(0).value = code;
}
} else {
document.getElementsByName("jZ").item(0).value = "nomatch";
}

などとすればいけるはずです。

何にしても、説明が曖昧すぎてアドバイスにも困ります。

0を含まなかった場合の挙動と、
複数の値がある場合、どれかの値でマッチすることがあるのか。
つまり、
A14100 A14128
もしくは
A14128 A14000
というようなことがあるのかを提示するべきです。
説明するのも大変な作業とは思いますが、回答者は質問内容しか見えないわけですから。

補足

>予定外の値があるなら、予め提示するべきだと思います。
　>何にしても、説明が曖昧すぎてアドバイスにも困ります。

曖昧かつ分かりにく質問大変申し訳ありませんでした。また全体像をきちんと把握してから質問すべきでした。以後気をつけさせて質問をさせて頂きたく思います。

またご回答ありがとうございます。大変恐縮です。

　>0を含まなかった場合の挙動と、
　>複数の値がある場合、どれかの値でマッチすることがあるのか。

　>A14100 A14128
こちらのようなケースはあります。下2桁が0　もしくは下一桁が0のケースはあります。
また上記のように下2桁に関しては0以外の数値が入る場合があります。
いずれの場合も挙動はパラメータ（name）に「jZ」を設定をしたいです。

　>A14128 A14000
こちらのようなに0が3つ並ぶ場合は、それ以外（0が5桁　0が2桁、0が1桁、それ以外）との組み合わせはありません。

>} else {
>document.getElementsByName("jZ").item(0).value = "nomatch";
>}

ご記入いただいた上記でトライしてみたいと思います。ありがとうございます。
説明が不適正で申し訳ありません。

回答No.3

mikemike7

>function setAreaCode(code) {
上記の1行を以下の2行に変更

function setAreaCode(val) {
var code = val.match(/(0+)$/)[1];

でお試し下さい。

補足

早速のご回答ありがとうございます。
ご回答の通りやってみたところうまく値を取得できました！！重ねてお礼申し上げます。
ありがとうございました。

ただ、下記のような変則的な場合がございます。
例(1)・(2)のいずれもjZのパラメータを取得したいです。

例(1)　横浜市瀬谷区のように末尾まで0以外の数値が入る場合
例(2)　その他横浜のように複数のvalue値を半角区切りで扱う場合（独自的な仕様）

<option value="A14100">横浜市</option>
<option value="A14125">横浜市瀬谷区</option>
<option value="A14128 A14128">その他横浜</option>

もしアドバイスいただけるなら大変助かります。どうぞよろしくお願いいたします。

回答No.2

askaaska

補足ありがと

だとするとやっぱり

"0+$"でマッチングして取得した文字列の桁数を調べるとか
substringで切り取って"00000"、"000"と比較するとか
すればいいと思うわ。

お礼

早速のご回答ありがとうございます。大変助かります。
アドバイスいただいたように試してみたいと思います。

回答No.1

askaaska

ごめん、質問がさっぱり理解できないわ。

> 下記のようなselect内で
これはわかる

> jsのname値
jsのname値って何？

> if(code.length == 5) {
このSELECTだとcodeのlengthは"@"以外は常に6になるわよね？

> document.getElementsByName("jA").item(0).value = "";
これは画面のどこかにnameがjA、jP、jZのSELECTがあるっていう理解でいいのかしら？

とりあえず質問文からはここまで読み取ったんだけど
ここから何をしたいのか、
私が理解できていない点の補足を踏まえて
再度言ってもらえるとうれしいわ。

単にvalue値の後ろ0の数を調べたいなら
"0+$"でマッチングして取得した文字列の桁数を調べるとか
substringで切り取って"00000"、"000"と比較するとか
すればいいと思うわ。

補足

早速のご回答ありがとうございます。
また、分かりにくい表現にて大変失礼しました。
当方かなりの初心者です。下記に補足をさせていただきました。
こちらでご理解いただくことは可能でしょうか？
過不足があればお手数ですがご指摘ください。

　>jsのname値って何？

パラメータになります。jA、jP、jZの3種類をoptionで選択された時に文字列の0の桁数に応じて
任意のパラメータを付与したいです。
value="A00000　→0が末尾から5つの場合パラメータはjA
value="A14000　→0が末尾から3つの場合パラメータはjP
それ以外はjZ　という形です。

> if(code.length == 5) {
>　このSELECTだとcodeのlengthは"@"以外は常に6になるわよね？

大変も申し訳ありません、こちらは全く関係ないものが仮に入っております。

> document.getElementsByName("jA").item(0).value = "";
　これは画面のどこかにnameがjA、jP、jZのSELECTがあるっていう理解でいいのかしら？

はい、その通りです。