返品フォームのアイテムをドロップする

Question

フォームのドロップダウンからユーザーがクリックする選択肢の値を返す必要があります。私はこれを理解しようとするあらゆる種類のことを試みてきており、悲惨に失敗しています。私はGoogleタグマネージャを使用しており、Simoのブログ投稿のいずれかをフォローしています。

function() { 
    var selectList = {{Form Element}}.querySelector('#selectListId'); 
    return selectList ? selectList.options[selectList.selectedIndex].value : undefined; 
} 

コンテキスト：：彼は選択した項目をキャプチャする方法の詳細セクションでは、彼は、コードを使用しています「ドロップダウンリストで選択した項目の値をキャプチャするには、自身が動作しません、リストの値をチェックします説明：最初に、スクリプトはselectListIdというIDのドロップダウンリストを取得します。次に、このスクリプトは、選択されたリストのオプションにアクセスし、その値を取得する必要があります。リスト内の選択されたオプションの値です。リストが存在しない場合は、スクリプトは未定義を返します。

私が使用しているフォームでは、IDの代わりにクラスが使用されるため、代わりに「。 "＃"はゾル私の問題はありますが運はありません。私は使用しました：

function() { 
    var selectList = {{Form Element}}.querySelector('.SelectDropdown.js-dropdown-usertype'); 
    return selectList ? selectList.options[selectList.selectedIndex].value : undefined; 
} 

カスタムjavascript変数として正しく機能させる方法についての解決策はありますか？ここで

は、私が働いていますhtmlです：

<form id="submit_interest_fish" class="js_prevalidation_form"> 

<select class="SelectDropdown js-dropdown-usertype" required=""> 

<option value="New" selected="">I'm New Here</option> 

<option value="Pro">I'm a Pro User</option> 

</select> 

Answer 1

としてそれはjQueryのを使用してjsの変数に選択した項目の値を格納するために簡単です - 私は値を返すために探しています

let selectVal; 
let selectList = $('.SelectDropdown.js-dropdown-usertype'); 
$(selectList).change(function() { 
    selectVal = value($(this)); 
    console.log(selectVal); 
}); 
function value(selectList) { 
    return selectList ? selectList.val() : undefined; 
}