Method render

demo/example/DropDownDemo.jsx:31–179

()

    }

    render() {
        return (
            <div style={{"minHeight": 1800}}>
                <h3>Dropdown</h3>
                <ul>
                    <li>
                        <h4>Default dropdown</h4>
                        <p>you selected option value is <span className="gap-word">{this.state.value}</span></p>
                        <div style={{'width': '280px'}}>
                            <DropDown options={options} labelName='name' valueName='value' 
                                onChange={this.displayChange.bind(this, 'value')} />
                        </div>
                        <pre>
                            <code>
{`<DropDown options={options} labelName='name' 
    valueName='value' onChange={displayChange} />`}
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>Dropdown with default selected</h4>
                        <p>this will change value of next dropdown</p>
                        <div style={{'width': '280px'}}>
                            <DropDown options={options} labelName='name' valueName='value' 
                                onChange={this.displayChange.bind(this, 'value1')} defaultSelected={true}/>
                        </div>
                        <pre>
                            <code>
{`<DropDown options={options} 
    labelName='name' valueName='value' 
    onChange={displayChange} defaultSelected={true}/>`}
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>Dropdown received value</h4>
                        <p>will not change previous value</p>
                        <div style={{'width': '280px'}}>
                            <DropDown options={options} labelName='name' value={this.state.value1} 
                                onChange={this.displayChange.bind(this, 'value1')}
                                defaultSelected={true} valueName='value'/>
                        </div>
                        <pre>
                            <code>
{`
<DropDown options={options} labelName='name' 
    value={value} onChange={displayChange}
    defaultSelected={true} valueName='value'/>
`}                                
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>Dropdown with search field</h4>
                        <p>this will change value of prev dropdown</p>
                        <div style={{'width': '280px'}}>
                            <DropDown options={options} labelName='name' 
                                onChange={this.displayChange.bind(this, 'value1')}