一道网页编程题

Question

写出一个两行三列的表单，并将第一个单元格和第二个单元格合并，在合并的单元格中放入一个下拉框，框内有中国、美国、日本三个 选项。选中某个国家时，弹出对话框显示，你选中了某个国家。使用原生javascript和jquery两种方法实现。得有点CSS样式，不要太丑

Answer 1

我想帮你做，但你的表述好像不太清楚。

    你要的两行三列是表单，还是表格？

    将第一个单元格和第二个单元格合并？——怎么合并法？是把第一行的前两个单元合并呢，还是把上下两行中的前一个单元合并呢？

    共有6个单元格，合并了两个，放入了一个下拉框，算是有内容了，但是另外4个单元格做什么用呢？

    最后，就是，你要弹出对话框显示在什么位置呢？

你好像都没说清楚啊。

特别是，这用js很简单就能做出来，还要jquery有何意呢？

Answer 2

这是基础题了..

<table border="1px" cellspacing="0" width="300px" height="100px">
   <tr >
       <td colspan="2">
           <select id="se">
               <option value="中国">中国</option>
               <option value="美国">美国</option>
               <option value="日本">日本</option>
           </select>
       </td>
       <td>空</td>
   </tr>
   <tr>
       <td>空</td>
       <td>空</td>
       <td>空</td>
   </tr>
</table>
<script>

//    // js
//var se = document.getElementById("se");
//    se.onchange= function () {
//        alert(this.value)
//    }

   //jq
   $("#se").change(function () {
       alert($(this).val())
   })
</script>