$( ".dropdown__trigger" ).on( "click", function () {
// ...
let sel = $( ".droprown__select select" );
sel.click(); // Раскроет селект
$( "dropdown__header" ).append( "<span>" + sel.val() + "</span>" ); // Подставит значение после кнопки. Если надо в другом порядке вставлять, сами разберётесь
});
function changeColor(elem){
let list = elem[0].classList;
if(list.length > 1){
elem.removeClass(list[1]);
$('#custom_options').on('change', function(){
let props = $('#custom_options').val();
$('.app-boardSuccess.singleMode span').animate(
{ postition : 'absolute',
opacity : ( props == 1 ) ? opacity : '' ,
left : left,
right : right,
bottom : bottom,
top : ( props == 2 ) ? top : '',
fontSize : fontSize },
{ duration : Number( show_speed.value ), }
);
})
#tour-format
— это <select>
. Поэтому надо просто:var tourFormat = parseInt( $(this).val() );
console.log(priceFormat)
вызывается только один раз, при первом выполнении этого куска кода, когда очевидно priceFormat = 0. По событию change консоль не вызывается, т.к. она находится за пределами этой функции!const priceFormat = { '1': 0, '2': 70 }; // Особенно если этих вариантов будет не два, а больше.
$( "#tour-format" ).change(
console.log( priceFormat[ $( this ).val() ] );
);
#otzyvy {
display: none;
}
document.querySelector( '#otzyvy .mu-hero-featured-content' ).innerHTML = http.responseText;
document.querySelector( '#otzyvy' ).style.display = 'block';
function num() {
Array = [];
for ( var i = 0; i < 4; i++ ) { // Этот цикл будет выполняться бесконечно. Т.к. его счётчик i совпадает со счётчиком вложенного цикла и каждый раз будет сбрасываться на 1, дойдя лишь до 2
for ( var i = 1; i < 2; i++ ) {
var rand = Math.floor( Math.random() * 9 ) + 1 ;
Array.push( rand );
}
}
// Сюда выполнение никогда не дойдёт
console.log(Array);
}
function check() {
for (var i = 0; i < 1; i++) { // Зачем цикл, если он заведомо выполняется один раз!
num();
}
var enter = document.getElementById('num').value ;
enter = parseInt(enter);
if ( enter === Array[0] || enter === Array[1] || enter === Array[2] || enter === Array[3] ) {
// Для поиска в массиве используйте find( Array, enter )
alert( 'You won !' );
num(); // Общий порядок вызовов функций непонятен, запутан.
}
}
var response = xmlhttp.responseText;
response = JSON.parse(response);
var response = JSON.parse( xmlhttp.responseText );
var select = document.getElementById('p23');
, а потомvar select = document.getElementById('p22');
document.getElementById('selectFilter2').onkeyup = function(e)
, вы просто сообщаете, что при событии надо вызывать эту функцию. А работать она будет в контексте и с теми значениями глобальных переменных, какие будут на момент срабатывания события.document.querySelectorAll( '.search' ).forEach( function( searchInput, number ) {
// Передаём input-элемент и его порядковый номер на странице (первый - нулевой)
this.onkeyup = function( e ) {
if ( e.ctrlKey || e.altKey || e.metaKey ) return;
var select = document.querySelectorAll( 'select' )[ number ]; // Работаем с группой select с порядковыи номером на странице таким же, как у input, на котором произошло событие
select.options.forEach( function() {
// Если option соответствует поиску, то делаем видимым, если нет — скрываем
if ( this.innerHTML.test( searchInput.value ) )
this.style.display = 'inline';
else
this.style.display = 'none';
} )
}
} )
<input class = 'search' id = '1' onkeyup = 'search( this )'... >
<select id = '1' ...>
...
<input class = 'search' id = '2' onkeyup= 'search( this )'... >
<select id = '2' ...>
...
function search( i ) {
$( 'select#' + i.attr( 'id' ) + ' option' ).forEach( $( this ).toggle( $( this ).html().test( i.value ) ) )
}