様々なDropDownsの警告？

Question

ユーザーが特定のドロップダウンメニューから選択を行えない場合、以下のコードを使用してアラートをトリガーします。

<script> 
      function selection(){  
      var sel = document.getElementById('product_configure_variants');  
      var selectedText = sel.options[sel.selectedIndex].text; 
      if (selectedText.startsWith("Make a choice...")) { 
       alert('PLEASE MAKE ALL ORDER FORM SELECTIONS'); 
       return false; 
      } 
      return true; 
     } 
    </script> 

上記のコードはうまくいきます。しかし、今は他のドロップダウンメニューでも同じことをしたいのですが、これは私に問題をもたらします。これらのドロップダウンのIDは異なります。 IDは次のようになります。id="product_configure_custom_2197256" ドロップダウンごとにIDの番号が異なります。それらはwebshop backofficeによって生成されます。

これらのさまざまなドロップダウンIDで上記のコードを使用するにはどうすればよいですか？

Answer 1

他の同じ要素のid他のいくつかの要素のidがselection(thatelementid)

function selection(id){  
      var sel = document.getElementById(id);  
      var selectedText = sel.options[sel.selectedIndex].text; 
      if (selectedText.startsWith("Make a choice...")) { 
       alert('PLEASE MAKE ALL ORDER FORM SELECTIONS'); 
       return false; 
      } 
      return true; 
     } 

例コード

function selection(id){  
 
     console.log(id) 
 
       var sel = document.getElementById(id);  
 
       var selectedText = sel.options[sel.selectedIndex].text; 
 
       //f (selectedText.startsWith("Make a choice...")) { 
 
        alert('PLEASE MAKE ALL ORDER FORM SELECTIONS'); 
 
        return false; 
 
       //} 
 
       return true 
 
       
 
       }

<select id="check1" onchange="selection(this.id)"> 
 
<option>one</option> 
 
<option>two</option> 
 
<option>three</option> 
 
</select> 
 
<select id="check2" onchange="selection(this.id)"> 
 
<option>one</option> 
 
<option>two</option> 
 
<option>three</option> 
 
</select> 
 
<select id="check3" onchange="selection(this.id)"> 
 
<option>one</option> 
 
<option>two</option> 
 
<option>three</option> 
 
</select>

を試す場合は、機能.Apply中でHTMLのような selection(this.id)で関数を idを渡すことができます