javascript - 如果选择了特定的选择选项，则运行 javascript 代码

Question

我需要有多个状态代码作为条件选项，而不仅仅是“C”。但我不需要所有选项，因为此代码应该仅与某些选项一起出现，而不是全部。

所以它说 var stateCode = 'C'; 我需要这样的东西:'C','D','G','K' .

谢谢!

<script>
    jQuery(document).ready(function($){

        // Set the state code (That will display the message)
        var stateCode = 'C';

        $('select#billing_state').change(function(){

            selectedState = $('select#billing_state').val();

            if( selectedState == stateCode ){
                $('.shipping-notice').show();
            }
            else {
                $('.shipping-notice').hide();
            }
        });

    });
</script>

更新:这是 html 代码..仅以 3 个选项为例。我需要代码仅适用于选项 C 和 B，但不适用于 K。

<select name="billing_state" id="billing_state" class="state_select select2-hidden-accessible" autocomplete="address-level1" data-placeholder="Elige una opción…" data-input-classes="" tabindex="-1" aria-hidden="true">

<option value="">Select an option</option>
<option value="C">Ciudad Autónoma de Buenos Aires</option>
<option value="B">Buenos Aires</option>
<option value="K">Catamarca</option>

</select>

Answer 1

您可以拥有一个包含您希望代码起作用的所有选项的数组。然后您可以使用Array.includes检查所选选项是否正确。 .

<script>
    jQuery(document).ready(function($){

        // Set the state code (That will display the message)
        var stateCodes = ['C', 'B'];

        $('select#billing_state').change(function(){

            selectedState = $('select#billing_state').val();

            if(stateCodes.includes(selectedState)){
                $('.shipping-notice').show();
            }
            else {
                $('.shipping-notice').hide();
            }
        });

    });
</script>

希望这有帮助。