Issue with onblur event
Hello,
Doesn't work event onblur for select picker
This code doesn't work. The event a onblur doesn't fire.
select(class='selectpicker' multiple id="selectedMarketActiveSymbols" name='selectedMarketActiveSymbols[]' onblur="document.getElementById('selectedPage').value=1;this.form.submit();" data-actions-box="true" data-show-subtext="true" data-live-search="true" data-live-search-placeholder="Test")
The same code but without class='selectpicker' works. But it doesn't suit to a UI requirements.
select(multiple id="selectedMarketActiveSymbols" name='selectedMarketActiveSymbols[]' onblur="document.getElementById('selectedPage').value=1;this.form.submit();" data-actions-box="true" data-show-subtext="true" data-live-search="true" data-live-search-placeholder="Test")
node - v
v14.17.5
npm -v
8.1.3
cat /etc/os-release
NAME="AlmaLinux"
VERSION="8.5 (Arctic Sphynx)"
ID="almalinux"
ID_LIKE="rhel centos fedora"
VERSION_ID="8.5"
PLATFORM_ID="platform:el8"
PRETTY_NAME="AlmaLinux 8.5 (Arctic Sphynx)"
ANSI_COLOR="0;34"
CPE_NAME="cpe:/o:almalinux:almalinux:8::baseos"
HOME_URL="https://almalinux.org/"
DOCUMENTATION_URL="https://wiki.almalinux.org/"
BUG_REPORT_URL="https://bugs.almalinux.org/"
ALMALINUX_MANTISBT_PROJECT="AlmaLinux-8"
ALMALINUX_MANTISBT_PROJECT_VERSION="8.5"
doctype html
html
head
meta(charset='utf-8')
meta(http-equiv='X-UA-Compatible', content='IE=edge')
meta(name='viewport', content='width=device-width, initial-scale=1')
title= title
script(src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous")
link(rel='stylesheet', href='/stylesheets/style.css')
link(rel='stylesheet', href="https://cdn.anychart.com/releases/8.10.0/fonts/css/anychart-font.min.css")
link(rel='stylesheet', href='https://cdn.anychart.com/releases/8.10.0/css/anychart-ui.min.css')
link(rel='stylesheet', href='https://cdn.anychart.com/releases/8.10.0/css/anychart-ui.min.css')
link(rel='stylesheet', href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous")
link(rel='stylesheet', href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-select.min.css")
script(src='https://cdn.anychart.com/releases/8.10.0/js/anychart-bundle.min.js')
script(src='https://cdn.anychart.com/releases/8.10.0/js/anychart-table.min.js')
script(src='https://cdn.anychart.com/releases/8.10.0/js/anychart-ui-binding.min.js')
body
block content
script(src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous")
script(src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.14.0-beta2/js/bootstrap-select.min.js" integrity="sha512-FHZVRMUW9FsXobt+ONiix6Z0tIkxvQfxtCSirkKc5Sb4TKHmqq1dZa8DphF0XqKb3ldLu/wgMa8mT6uXiLlRlw==" crossorigin="anonymous" referrerpolicy="no-referrer")
script(src='/javascripts/submit.js')
{
"name": "test",
"version": "0.0.1",
"description": "TEST",
"main": "./bin/www",
"dependencies": {
"bootstrap": "^5.1.3",
"bootstrap-select": "^1.13.18",
"ccxt": "^1.61.24",
"express": "^4.17.1",
"ioredis": "^4.28.2",
"morgan": "^1.10.0",
"node-redis": "^0.1.7",
"pug": "^3.0.2",
"redis": "^4.0.1",
"serve-favicon": "^2.5.0"
},
"scripts": {
"start": "node ./bin/www",
"inspect": "node --inspect ./bin/www",
"devstart": "nodemon ./bin/www"
}
}