javascript - 使用 HTML 和 Jquery 创建网格，而不使用插件

Question

选择网格的值以及应出现在网格行中的值

Answer 1

试试这个，

JQuery 代码

<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script>

<script language="javascript" type="text/javascript">
    $(document).ready(function() {
        $('#selectbox').change(function(){
            var val = $(this).val();
            $('.changedValue').html(val);
        });
    });                
</script>

HTML 代码

<form>
    <select name="selectbox" id="selectbox">
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
    </select>
</form>

<table width="400" border="1" cellpadding="2" cellspacing="2">
    <tr>
        <td>Changed Value</td>
        <td class="changedValue">&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>