Вы имеете в виду это?
$sel = $("#sel");
$sel.append(
$("<option/>", {
value: "",
text: "Please select"
})
)
$.each(["a", "b", "c"], function(i,val) {
$sel.append(
$("<option/>", {
value: val,
text: val
})
)
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="sel"></select>
ИЛИ
$sel = $("#sel");
$.each(["a", "b", "c"], function(i, val) {
$sel.append(
$("<option/>", {
value: val,
text: val
})
)
})
input[name=example] {
width: 120px
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" name="example" list="sel" placeholder="Please select or type" />
<datalist id="sel"></datalist>