在基于另一个组合框的数据网格中以编程方式绑定ComboBox的值

<select id="comboBox">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

<table id="dataGrid">
    <tr>
        <th>ID</th>
        <th>Name</th>
    </tr>
    <tr>
        <td>1</td>
        <td>Item 1</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Item 2</td>
    </tr>
    <!-- More rows -->
</table>

document.getElementById('comboBox').addEventListener('change', function() {
    const selectedValue = this.value;
    const dataGrid = document.getElementById('dataGrid');
    // Clear existing rows
    while (dataGrid.rows.length > 1) {
        dataGrid.deleteRow(1);
    }
    // Add new rows based on selected value
    if (selectedValue === '1') {
        const newRow = dataGrid.insertRow();
        newRow.insertCell().textContent = '1';
        newRow.insertCell().textContent = 'Item 1';
    } else if (selectedValue === '2') {
        const newRow = dataGrid.insertRow();
        newRow.insertCell().textContent = '2';
        newRow.insertCell().textContent = 'Item 2';
    }
    // Add more conditions as needed
});