// 获取select元素
const selectElement = document.getElementById('mySelect');

// 添加新选项
const newOption = new Option('新选项', 'value1');
selectElement.add(newOption);

// 修改选项
selectElement.options[0].text = '修改后的文本';
selectElement.options[0].value = 'newValue';

// 删除选项
selectElement.remove(0); // 按索引删除

// 获取radio元素
const radioElement = document.getElementById('myRadio');

// 修改选中状态
radioElement.checked = true;

// 修改值
radioElement.value = 'newValue';

// 添加新选项
$('#mySelect').append($('<option>', {
    value: 'value1',
    text: '新选项'
}));

// 修改选项
$('#mySelect option:eq(0)').text('修改后的文本').val('newValue');

// 删除选项
$('#mySelect option:eq(0)').remove();

// 选中特定选项
$('#mySelect').val('value1'); // 通过value选中
$('#mySelect option:eq(2)').prop('selected', true); // 通过索引选中

// 修改选中状态
$('#myRadio').prop('checked', true);

// 修改值
$('#myRadio').val('newValue');

// 手动触发change事件
$('#mySelect').trigger('change');
// 或
document.getElementById('mySelect').dispatchEvent(new Event('change'));

// 正确顺序
$('#mySelect').append($('<option>', {value: '1', text: '选项1'}));
$('#mySelect').val('1');

// 使用文档片段
const fragment = document.createDocumentFragment();
for(let i = 0; i < 1000; i++) {
    const option = new Option(`选项${i}`, i);
    fragment.appendChild(option);
}
document.getElementById('mySelect').appendChild(fragment);

// jQuery方式先隐藏
$('#mySelect').hide().empty();
// 添加选项...
$('#mySelect').show();