を選択するための新しいオプションを追加するための反復コードを最適化し、私のバイオリンです:DEMOはここでjqueryの
私が選択支配する新しいオプションを追加し、イベントカテゴリのコードを繰り返してきました。どのように私は繰り返しコードを排除するために同じ最適化を行うのですか?
//Adding new category for event
$(document).on('click', '.addevent', function() {
var found = false; // Track if new value was found in list
// Loop through list options
$("#categoryevent > option").each(function(idx, el) {
// Compare (case-insensitive) new value against list values
if ($("#new-option-event").val().trim().toLowerCase() === el.textContent.toLowerCase()) {
alert("Category already exists!")
found = true; // Set flag if value exists
$('#new-option-event').val('');
}
});
// If not found
if ($('#new-option-event').val().trim() != '') {
if (!found) {
// Create new option and append to list
var val = $("#new-option-event").val().trim();
var opt = '<option>' + val + '</option>';
$('#categoryevent').append(opt);
$('#categoryevent').val(val);
$('#new-option-event').val('');
$("#categoryevent").click();
}
}
});
申し訳ありませんが、私はあなたのフィドルを更新したこと - 私はそれが実際のフィドル自体を更新します実現しませんでした。私は古いバージョンに戻します。ちょうどチェックされて、それは実際のフィドルを更新しませんでした。 – Yatin