2

HTML 選択フォームのデフォルト値を設定しようとしています。選択フォームに一定のデフォルト値を設定することに関する投稿を読みました。ただし、デフォルト値を変数shirt.Colorにしたいと考えています。これは、シャツに応じて、Small、Medium、または Large のいずれかになります。

たとえば、shirt.Color が Small の場合、選択フォームで Small が選択されるようにします。shirt.Color が Medium の場合、選択フォームで Medium が選択されるようにします。shirt.Color が Large の場合、選択フォームで Large を選択します。

データ バインディングを使用してテキスト ボックスの既定値を設定する方法を知っています。以下を使用して、デフォルトのシャツの色を設定します。

<div class="form-group">
    <label class="control-label col-sm-2">Shirt Color</label>
    <input type="text" name="color" data-bind="valueUpdate: 'input', value:shirt.Color" class="form-control" required />
</div>

選択フォームに対して同様に簡単にできることはありますか? Small、Medium、Large の各ケースを手動でコーディングするのは避けたいと思います。

私はやってみました

<div class="form-group">
    <label class="col-sm-2 control-label col-sm-2">Shirt Size:</label>
    <select required name="type" data-bind="type: 'input', value: shirt.Size">
        <option value="s">Small</option>
        <option value="m">Medium</option>
        <option value="l">Large</option>
    </select>
</div>

ただし、これは常に最初のオプションである Small にデフォルト設定されます。

4

2 に答える 2

1

これには akendoDropDownListを使用できます。

<div data-bind="kendoDropDownList: { data: shirtSizes, dataTextField: 'SizeName', dataValueField: 'SizeId', value: shirt.Size } />

ColorNameshirtColorsおよび ColorId フィールドを含む配列です。

var shirtSizess = [ { SizeId: 's', SizeName: 'Small' }, { SizeId: 'm', SizeName: 'Medium' }, { SizeId: 'l', SizeName: 'Large' } ];

于 2015-06-16T13:28:19.043 に答える
0

あなたの質問はやや曖昧なので、あなたがしたいことは選択リストのデフォルト値を設定することだと思います。これを行うには、デフォルトで選択したい値を含む option タグ内に「selected」を追加します。次に例を示します。

<option value="s">Small</option> <option value="m" selected>Medium</option> <option value="l">Large</option> 選択リストのデフォルト値は "m" になりました。

于 2015-06-16T03:30:24.510 に答える