mirror of
https://github.com/wahyd4/ant-design.git
synced 2026-08-23 03:36:30 +10:00
57 lines
2.7 KiB
HTML
57 lines
2.7 KiB
HTML
<div class="code-box">
|
|
<div class="code-box-demo">
|
|
<div id="components-select-demo-basic"></div>
|
|
<script>(function(){"use strict";
|
|
|
|
var Select = antd.Select;
|
|
var Option = Select.Option;
|
|
|
|
function handleChange(value) {
|
|
console.log('selected ' + value);
|
|
}
|
|
|
|
React.render(React.createElement(
|
|
Select,
|
|
{ value: "lucy", style: { width: 200 }, onChange: handleChange },
|
|
React.createElement(
|
|
Option,
|
|
{ value: "jack" },
|
|
"Jack"
|
|
),
|
|
React.createElement(
|
|
Option,
|
|
{ value: "lucy" },
|
|
"Lucy"
|
|
),
|
|
React.createElement(
|
|
Option,
|
|
{ value: "disabled", disabled: true },
|
|
"Disabled"
|
|
),
|
|
React.createElement(
|
|
Option,
|
|
{ value: "yiminghe" },
|
|
"yiminghe"
|
|
)
|
|
), document.getElementById('components-select-demo-basic'));})()</script><div class="highlight"><pre><code class="javascript"><span class="keyword">var</span> Select = antd.Select;
|
|
<span class="keyword">var</span> Option = Select.Option;
|
|
|
|
<span class="function"><span class="keyword">function</span> <span class="title">handleChange</span><span class="params">(value)</span> {</span>
|
|
console.log(<span class="string">'selected '</span> + value);
|
|
}
|
|
|
|
React.render(
|
|
<span class="xml"><span class="tag"><<span class="title">Select</span> <span class="attribute">value</span>=<span class="value">"lucy"</span> <span class="attribute">style</span>=<span class="value">{{width:200}}</span> <span class="attribute">onChange</span>=<span class="value">{handleChange}</span>></span>
|
|
<span class="tag"><<span class="title">Option</span> <span class="attribute">value</span>=<span class="value">"jack"</span>></span>Jack<span class="tag"></<span class="title">Option</span>></span>
|
|
<span class="tag"><<span class="title">Option</span> <span class="attribute">value</span>=<span class="value">"lucy"</span>></span>Lucy<span class="tag"></<span class="title">Option</span>></span>
|
|
<span class="tag"><<span class="title">Option</span> <span class="attribute">value</span>=<span class="value">"disabled"</span> <span class="attribute">disabled</span>></span>Disabled<span class="tag"></<span class="title">Option</span>></span>
|
|
<span class="tag"><<span class="title">Option</span> <span class="attribute">value</span>=<span class="value">"yiminghe"</span>></span>yiminghe<span class="tag"></<span class="title">Option</span>></span>
|
|
<span class="tag"></<span class="title">Select</span>></span>
|
|
, document.getElementById('components-select-demo-basic'));</span></code></pre></div>
|
|
</div>
|
|
<div class="code-box-meta markdown">
|
|
<div class="code-box-title">基本使用</div>
|
|
<p>基本使用。</p>
|
|
<span class="collapse anticon anticon-circle-o-right"></span>
|
|
</div>
|
|
</div> |