Data attribute inside "select"

by chridam

HTML

<select id="company_select" class="dates">
    <option value="ABC" data-company_system_name="ABC">ABC</option>
    <option value="DEF" data-company_system_name="1/2/11">DEF</option>
    <option value="GHI" data-company_system_name="GHI">GHI</option>
</select>
<input type="text" class="system_name" value="" />

JavaScript

var optData = $("#company_select option").filter(function(){
    return $(this).text() === val;
}).data("company_system_name");
console.log(optData);
$('input.system_name').val(optData);