選択メニューのオプション項目の人間の選択をシミュレートします

Question

私は技術的に動作するスクリプトを少し持っています。基本的にURLのハッシュタグを聴き、ハッシュタグと一致するオプション値で選択メニューを更新します。これはページの読み込みでも機能し、ハッシュタグがどのように更新されるかは気にしません。パーフェクト

問題は、私はあなたが手動でオプション項目を選択したときにオプション項目を選択したときに何かをするそのページに何かをする他の多くのスクリプトがありますが、オプション項目を自動的に選択します。この設定で実際にどのように人間の選択をシミュレートできますか？何か案は？

$(document).ready(function() { 
 
\t window.addEventListener('hashchange', fn, false); 
 
\t window.onload = fn; // fire on pageload 
 
\t function fn() { 
 
    document.getElementById('select-two').value = 
 
    window.location.hash.replace('#',''); 
 
\t } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="select-two" name="colordrop" class="color2" onchange="letsDoThis()"> 
 
    <option value="Jet" class="jet">Jet</option> 
 
    <option value="Cream" class="cream">Cream</option> 
 
    <option value="Chocolate" class="chocolate">Chocolate</option> 
 
    <option value="Classic Red" class="classic_red">Classic Red</option> 
 
</select>

そしてここJSFiddleでハッシュタグを証明する方法がわからないのに、私のJSFiddleです。 https://jsfiddle.net/liquilife/n9r6af7e/1/

これは解決されました。私はその答えを完全なものとしてマークしました。以下で動作します最終的なコード：

$(document).ready(function() { 
 
\t window.addEventListener('hashchange', fn, false); 
 
\t window.onload = fn; // fire on pageload 
 
\t function fn() { 
 
    $("#select-two").val(window.location.hash.replace('#','')).trigger("change"); 
 
\t } 
 
});

Answer 1

あなたはjQueryのを使用しているので、あなたは.trigger（eventNameの）要素の特定のイベントを開始するための方法を使用することができます。あなたは、両方の値を設定すると、イベントがそうのように発射する可能性があります。例えば

：

$("#select-two").val(window.location.hash.replace('#','')).trigger("change"); 

Answer 2

あなたのselect要素の変更の際に選択された値を検出し、それが発生したときにコードを実行するためにjQueryのchange機能を使用することができます。

​​