datalist-option-wrapper

1.0.1 • Public • Published

datalist-option-wrapper

honeo/datalist-option-wrapper datalist-option-wrapper

なにこれ

渡したIDと配列に応じてdatalist・option要素を操作する。

使い方

$ npm i -S datalist-option-wrapper
import DatalistOptionWrapper from 'datalist-option-wrapper';

作成

DatalistOptionWrapper('id-1', ['hoge', 'fuga']);
<head>
    ...
    <datalist id="id-1">
        <option value="hoge">
        <option value="fuga">
    </datalist>
</head>

変更

DatalistOptionWrapper('id-1', ['hoge', 'fuga', 'piyo']);
<head>
    ...
    <datalist id="id-1">
        <option value="hoge">
        <option value="fuga">
        <option value="piyo">
    </datalist>
</head>

追加

DatalistOptionWrapper('id-2', ['foo', 'bar']);
<head>
    ...
    <datalist id="id-1">
        <option value="hoge">
        <option value="fuga">
        <option value="piyo">
    </datalist>
    <datalist id="id-2">
        <option value="foo">
        <option value="bar">
    </datalist>
</head>

Package Sidebar

Install

npm i datalist-option-wrapper

Weekly Downloads

4

Version

1.0.1

License

MIT

Last publish

Collaborators

  • honeo