0

次のようなhtmlスニペットがあります

     <select id="fiscalFlyout" data-win-control="WinJS.UI.Flyout">
        <optgroup label="Fiscal Year">
            <option>2013</option>
            <option>2014</option>
            <option>2015</option>                
        </optgroup>
     </select>

現在、html を使用して Years を追加しています。しかし、JavaScriptを介してそれらを追加したい。将来の年が変わると、コードを開いて変更する必要がなくなります。

4

3 に答える 3

0

組み込みの WinJS.UI.DatePickerコントロールを使用することをお勧めします。ドキュメントに記載されている css クラスを使用して、コントロールのスタイルを設定できます。現在のプロパティをonchangeイベントで使用して、選択した日付を取得できます。

<div data-win-control="WinJS.UI.Flyout" id="flyout">
    <div data-win-control="WinJS.UI.DatePicker">
    </div>
</div>

以下の css は、年のみを表示する場合、コントロールの月と日付の部分を非表示にします。

.win-datepicker-date, .win-datepicker-month
{
    display: none;
}
于 2013-06-21T12:05:29.967 に答える
0 
Try something like below:

function addOption()
{
var x=document.getElementById("fiscalFlyout");
var option=document.createElement("option");
option.text="your option";
try
  {
  // for IE earlier than version 8
  x.add(option,x.options[null]);
  }
catch (e)
  {
  x.add(option,null);
  }
}
</script>


HTML:

<button type="button" onclick="addOption()">Insert option</button>
于 2013-06-21T08:47:50.747 に答える