JSFiddle - React, Tailwind, and code Playground
HTML
<div id="log"></div>
<select id="companySelect">
<option>H</option>
<option>K</option>
<option>S</option>
</select>
<a href="javascript:GoClick()">test</a>
JavaScript
var cars = [
{
"name": "Tico",
"company": "H"
},
{
"name": "Morning",
"company": "K"
},
{
"name": "SM",
"company": "S"
},
{
"name": "K9",
"company": "K"
},
{
"name": "Avante",
"company": "H"
},
{
"name": "Ray",
"company": "K"
}
];
$(document).ready(function(){
$('#btn').click(function(){
var _selectedCompany = $('#companySelect').val();
var _curr = jQuery.grep(cars, function(obj) {
return obj.company === _selectedCompany;
}).length;
$('#log').empty().text(_curr);
});
});
function GoClick()
{
alert(1);
var _selectedCompany = $('#companySelect').val();
var _curr = jQuery.grep(cars, function(obj) {
return obj.company === _selectedCompany;
}).length;
$('#log').empty().text(_curr);
}