ドロップダウンリストにアイテムを追加する方法は?

2年 ago
海斗, 葵
1 minute

ドロップダウンリストに項目を追加する方法には、さまざまなプログラミング言語やフレームワークによって違いがある場合があります。以下に一般的な方法をいくつか示します。

  1. 先天的で大きな変化を遂げている
  2. [ネイティブにしか伝わらない日本語で言い換えてください。1つだけお願いします。]
  3. ネイティブらしい日本語に言い換えると次のようになります。
<select>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>
  1. JavaScript（ネイティブ）：DOM要素を操作して動的にオプションを追加します。
var select = document.getElementById('mySelect');
var option = document.createElement('option');
option.text = 'Option 1';
option.value = '1';
select.add(option);

// 或者使用innerHTML属性添加多个选项
select.innerHTML += '<option value="2">Option 2</option>';
select.innerHTML += '<option value="3">Option 3</option>';
  1. 追加する
$('#mySelect').append($('<option>', {
  value: '1',
  text: 'Option 1'
}));

// 或者使用html()方法添加多个选项
$('#mySelect').html($('#mySelect').html() + '<option value="2">Option 2</option>');
$('#mySelect').html($('#mySelect').html() + '<option value="3">Option 3</option>');
  1. 品目
protected void Page_Load(object sender, EventArgs e)
{
    if(!IsPostBack)
    {
        myDropDownList.Items.Add(new ListItem("Option 1", "1"));
        myDropDownList.Items.Add(new ListItem("Option 2", "2"));
        myDropDownList.Items.Add(new ListItem("Option 3", "3"));
    }
}
bannerAds