在将新行数据添加到表时,为select标记id创建唯一ID

时间:2017-02-06 17:22:27

标签: javascript php html

我的标题对我的问题非常准确,但我想我可能会用我一直在尝试的解决方案咆哮错误的树。我是javascript和web开发的新手,所以请原谅我缺乏措辞。

当从下拉菜单中选择部件时,我的程序会创建一个新的数据行。行填充来自SQL表的数据,其中包含有关所选部分的信息,例如:category,part_name,price等。表中的一个td元素是一个下拉列表,用于更改看起来像这样的数量

    <td>
      <select data-id = <?php echo $row["part_id"];?> id = "qty_dropdown"> 
      <option value = '1'> 1 </option>  
      <option value = '2'> 2 </option> 
      <option value = '3'> 3</option> 
      <option value = '4'> 4 </option> 
      <option value = '5'> 5 </option> 
      <option value = '6'> 6 </option> 
      <option value = '7'> 7 </option> 
      <option value = '8'> 8 </option> 
      <option value = '9'> 9 </option> 
      <option value ='10'> 10</option> 
      </td> </select> 

这位于我用来从SQL表中获取数据的循环中。我的问题是当每行的id总是“qty_dropdown”时,弄清楚如何获得所选的数量值。我想我需要在id的末尾添加一个唯一的标识符“qty_dropdown”,所以当创建一个新行时,select下拉列表的id变成类似“qty_dropdown1”等等。同样,数据 - id是所选行的部分ID,所以有可能我可以使用它作为我的独特的一部分正如我所说的,我不确定我是否在吠叫错误的树,我绝对没有太多的经验。可能有一种更容易的方法来解决这个问题。希望我能够很好地解释我的问题。如果您需要查看更多我的代码,请告诉我们。谢谢你的帮助!

1 个答案:

答案 0 :(得分:0)

如果你的选择是在循环中创建的,你可能想使用name而不是id。 Ids意味着独特。如果您使用name属性,则可以使用

在javascript空间中在客户端访问它们
var selectLists = document.getElementsByName("qty_dropdown");
var firstSelectList = selectLists[0];