val()=='n'の複数指定方法

Question

初歩的な質問で大変恐縮なのですが、
プルダウンの選択によって設問を追加するようなフォームを作成しております。
現状は項目１を選択すると追加の設問が追加はうまくいっています。

今回は項目１、項目２を選んでも設問が追加という「val()==''」の複数処理を行いたいのですが、
うまく出来ず解決策をご教授いただけないでしょうか。
よろしくお願い致します。

<select name="displacement_type_code" id="JsSlc" class="" >
	<option value="">プルダウンを選択してください</option>
	<option value="6">項目１</option>
	<option value="5">項目２</option>
	<option value="4">項目３</option>
	<option value="3">項目４</option>
	<option value="2">項目５</option>
	<option value="1">項目６</option>
</select>

function DisplacementCheck() {
	if($('#JsSlc').val()=='6')//複数のvalueを指定したいです。
	{
		// プルダウンnの場合
		$('#MainForm').attr('action','./done_0.html');
		$('#LiMailAddress').attr('disp','true');
	}
	else
	{
		// それ以外の場合
		$('#MainForm').attr('action','./done.html');
		$('#LiMailAddress').attr('disp','false');
	}
}

Comments

[kyoya0819]

タグにjQueryを追加されたほうが良いと思います。

Answer 1

function DisplacementCheck() {
    if($('#JsSlc').val()=='6'||$('#JsSlc').val()=='5')//複数のvalueを指定したいです。
    {
        // プルダウンnの場合
        $('#MainForm').attr('action','./done_0.html');
        $('#LiMailAddress').attr('disp','true');
    }
    else
    {
        // それ以外の場合
        $('#MainForm').attr('action','./done.html');
        $('#LiMailAddress').attr('disp','false');
    }
}

こうゆうこと？

論理演算子 - JavaScript | MDN

Comments

[kyoya0819]

ちなみに条件を||で区切ればAorB &&で区切ればAandBになります。
高校数学で言えばそれぞれAまたはB AかつBでしょうか

[MY0]

コメントありがとうございます！　そのような書き方があるのですね。修正してみます。

[MY0]

サンプルで書いていただいたソースでやりたい事が実現できました！
改めてありがとうございまうす。　最初にコメントをいただき解決できましたのでベストアンサーとさせていただきました。

Answer 2

jsであればindexOf、jQueryであれば$.inArrayで処理できます

<script>
$(function(){
  $('#JsSlc').on('change',function(){
    if($.inArray($('#JsSlc').val(),['5','6'])>=0){
      console.log(1);
    }else{
      console.log(2);
    }
  });
});
</script>
<select name="displacement_type_code" id="JsSlc" class="" >
    <option value="">プルダウンを選択してください</option>
    <option value="6">項目１</option>
    <option value="5">項目２</option>
    <option value="4">項目３</option>
    <option value="3">項目４</option>
    <option value="2">項目５</option>
    <option value="1">項目６</option>
</select>

Answer 3

function DisplacementCheck() {
    if(['6', '5'].indexOf($('#JsSlc').val()) !== -1)
    {
        // プルダウンnの場合
        $('#MainForm').attr('action', './done_0.html');
        $('#LiMailAddress').attr('disp', 'true');
        return;
    }
    // それ以外の場合
    $('#MainForm').attr('action', './done.html');
    $('#LiMailAddress').attr('disp', 'false');
}

あるいは

function DisplacementCheck() {
    const isSelected6or5 = ['6', '5'].indexOf($('#JsSlc').val()) !== -1;
    const action = isSelected6or5? './done_0.html' : './done.html';
    const disp   = isSelected6or5.toString();

    $('#MainForm').attr('action', action);
    $('#LiMailAddress').attr('disp', disp);
}