ドロップダウンに値が1つしかない場合、HTMLドロップダウンはonChange（）をキャプチャできません

Question

ドロップダウンの値を選択するためにJqueryを使用しています。
OnChangeイベント（.jqueryでは.change）が必要ですが、ドロップダウンに1つのオプションしかない場合は、onChangeイベントで取り込むことができません。
私のドロップダウンは動的に形成されるので、いくつのオプションがいくつあるか分かりませんが、オプションが1つだけあれば問題に直面しています。
1つだけOnChangeイベントをキャプチャする方法はありますか？

Answer 1

要素の内部状態が変更されたときにonchangeイベントが発生します。一意の値を持つドロップダウンがあるので、その状態は決して変更されないので、イベントは発生しません。

Answer 2

<label for="checkboxThatUsedToBeASelect"> 
    <input type="checkbox" id="checkboxThatUsedToBeASelect" name="checkboxThatUsedToBeASelect" value="something" /> 
</label> 

$('#checkboxThatUsedToBeASelect').change(function(){ 

}); 

これで、ユーザーフレンドリーな入力が得られました。このチェックボックスをオンまたはオフにすると、変更がトリガーされます。 ：D

Answer 3

.change別の収容所を探して場所を切り替える。あなたのケースでは悲しいことに、家庭だけのケースがあり、イベントは発砲していません。

Answer 4

条件付きイベントバインダーについてはどうですか？次のようなもの：

var changeHandler = function (method) { 
    alert(method); 
}; 
if ($('select option').length > 1) { 
    $('select').change(function() { 
     changeHandler('change'); 
    }); 
} else { 
    $('select').click(function() { 
     changeHandler('click'); 
    }); 
} 

Answer 5

あなたはonchangeイベントをする必要はありません。 onchangeから呼び出される関数を持っていて、アイテムが1つしかない場合は、その関数を呼び出してください。

function populate() { 
    //do work to populate #selector 

    if($("#selector option").length == 1) { 
     $("#selector").hide(); 
     workerFunction(); 
    } else { 
     $("#selector").show(); 
    } 

    $("#selector").change(workerFunction); 

    //the following line of code will work like a default: 
    workerFunction(); 
} 

function workerFunction() { 
    //put whatever used to be in your onChange function here 
}