hyperHTML/test/select.html at hyperhtml-style · lineCode/hyperHTML · GitHub

History

58 lines (52 loc) · 1.15 KB

Raw

<!doctype html>

<html>

<head>

</head>

var render = hyperHTML.wire();

var events = {

onchange: function (e) {

console.log(items.find(function (item) {

return e.target.value === item.ref;

}));

}

};

var items = [

{

colors: "Bright yellow",

img: "images/faux.jpg",

price: "100",

ref: "3046/023/322",

sizes: ["m"],

title: "Faux Leather Jacket",

{

colors: "Bright yellow",

img: "images/double.jpg",

price: "90",

ref: "6254/022/382",

sizes: ["s", "m", "l"],

title: "Double Faced Coat",

];

var select = update(

render,

items,

events

);

document.body.appendChild(select);

function update(render, items, events) {

return render`

<select onchange="${events.onchange}">${items.map(item => `

${item.title}

</option>

`)}</select>

}

</script>

</html>

hyperHTML/test/select.html at hyperhtml-style · lineCode/hyperHTML · GitHub

Expand file tree

Breadcrumbs

select.html

Latest commit

History

Breadcrumbs

select.html

File metadata and controls