01 把原本HTML5得datalist 功能,修改成 下拉選單顯示全部資料

找input 的 id="test"
https://js.do/powenko/01-find-input-id

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<input id="test1" list="values" placeholder="select">
<datalist id="values">
    <option value="orange">
    <option value="banana">
    <option value="lemon">
    <option value="apple">
</datalist>
<script>
    $('input #test1').on('click', function() {
        $(this).attr('placeholder',$(this).val());
        $(this).val('');
    });
    $('input #test1').on('mouseleave', function() {
        if ($(this).val() == '') {
            $(this).val($(this).attr('placeholder'));
        }
    });
</script>
<!-- edit your html here -->

Jquery
CH01 找物件CH02 設定取得值CH10 AJAXCH101 INPUT-Autocomplete