Javascript 一次单击即可填充多个输入字段

这是我的问题。。。我只需单击一下就可以填充多个文本字段。需要点击的链接放在一个用php生成的td中，数据来自MySQL数据库（该死的JS初学者！）

下面的代码只是我问题的一个简短示例

提前谢谢

<script type='text/javascript'>
$(function(){
    $('.click').live('click', function() {
        $("#brand").val($(this).html());
        $("#color").val('I need the color here');
        $("#size").val('and here the size');
    });
});
</script>

<label for="brand">Brand:</label><input autocomplete="off" id="brand" type="text" name="brand" />
<label for="color">Color:</label><input autocomplete="off" id="color" type="text" name="color" />
<label for="size">Size:</label>
<select id="size" name="size">
    <option>M</option>
    <option>L</option>
    <option>XL</option>
</select>

<table>
    <tr>
        <th>brand</th>
        <th>color</th>
        <th>size</th>
    </tr>
    <tr>
        <td><a href="#" class="click">nike</a></td>
        <td>red</td>
        <td>45</td>
    </tr>
    <tr>
        <td colspan="3">...more rows here...</td>
    </tr>
</table>

$（函数（）{
$（'.click'）.live（'click'，function（））{
$（“#brand”）.val（$（this.html（））；
$（“#color”）.val（“我需要这里的颜色”）；
$（“#size”）.val（‘这里是大小’）；
});
});
品牌：
颜色：
尺寸：
M
L
特大号
品牌
颜色
大小
红色
45
…这里有更多的行。。。

首先，我建议更改标记，为颜色和大小表单元格指定类，如下所示：

<tr>
    <td><a href="#" class="click">nike</a></td>
    <td class="color">red</td>
    <td class="size">L</td>
</tr>

<select id="size" name="size">
    <option value="M">M</option>
    <option value="L">L</option>
    <option value="XL">XL</option>
</select>

就这样。然后用相同的标记填充其余行，如下所示：

<tr>
  <td><a href="#" class="click">adidas</a></td>
  <td class="color">blue</td>
  <td class="size">XL</td>
</tr>

蓝色
特大号

您遇到了什么问题？您使用哪个版本的jQuery？正如vishal所说。。。你的例子很有效。下面是一个JSFIDLE注释jQuery 1.7弃用的live（），但它目前仍然可用，也可以使用HTML5数据属性。因此，每个项目都将标记如下：。然后您将得到如下信息：$（this.data（'color'））

<tr>
  <td><a href="#" class="click">adidas</a></td>
  <td class="color">blue</td>
  <td class="size">XL</td>
</tr>