傳入select html id, attribute值, 回傳 option對應之value

by cactus77kiki

HTML

<script
  src="https://code.jquery.com/jquery-1.12.4.min.js"
  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
  crossorigin="anonymous"></script>

<select id="testslt" name="testslt">
  <option value='0' v3=''>Choose</option>
  <option value='1' v3='210'>A</option>
  <option value='2' v3='220'>B</option>
  <option value='3' v3='230'>C</option>
  <option value='4' v3='240'>D</option>
</select>

JavaScript

$( "#testslt" ).change(function() {
	var value = $(this).val();
  console.log(value);
  var option = $('option:selected', this).attr('v3');
  console.log(option);  
  getOptionValue('testslt','230');
});

//傳入select html id, attribute值, 回傳 option對應之value
function getOptionValue(htmlid, attributeval) {
	var opt;
  var sel = document.getElementById(htmlid);
  var value = "";
  for (var i = 0, len = sel.options.length; i < len; i++) {
     opt = sel.options[i];
     if (opt.getAttribute("v3").indexOf(attributeval) > -1) {
        value = opt.value;
        break;
     }
  }
  return value;
}