将隐藏值附加到可见输入

时间:2014-12-17 06:26:20

标签: html

有没有办法用输入附加一些隐藏信息?

我有<datalist>个客户端,由客户端移动设备自动完成。目前,该列表具有以下格式:

<input placeholder="mobile" list="names" name="name">
<datalist id="names">
 <option value="01234567">Ali Khalid</option>
 <option value="98776421">Ahmed</option>
 ...
</datalist>

现在在帖子脚本中,我想知道每个值的id。有没有办法在每个<option> ??

附加客户端ID

我知道我可以为每个客户端设置唯一的移动设备,不允许空值(即主键),但我正在寻找更好的解决方案,以便主键仍为ID

1 个答案:

答案 0 :(得分:4)

如果我是你,我不会考虑添加隐藏字段来保存id。 相反,我会有一个JSON对象数组来保存用户数据(id,name和mobile),如下所示

var array = [
             {
              id:1, 
              name: 'Ali Khalid', 
              mobile:'0123'
             },
             {
              id:2, 
              name: 'Ahmed', 
              mobile:'9877'
             }, 
             //rest of objects
            ]

然后使用所选值查找该数组并获取id以将其用于服务器端操作