如何实现前台显示和实际提交的数据不同

Question

我做了一个JQuery的插件，是一个下拉式的，显示一些城市名，但后台提交时要求提交城市代号，如何实现呢？大伙帮帮出主意，O(∩_∩)O谢谢。

Answer 1

<option value="021">上海</option>
<option value="010">北京</option>
提交不就是代号了么。？

Answer 2

我使用的是动态生成ul、li

Answer 3

你把生成ul li 也成生成select不就行了？

Answer 4

本来就是为了避免用select才用li的

Answer 5

你可以用append添加页面元素（例如：文字）给控件，同时把编号赋给控件的value。

Answer 6

maybe you can generate elements like this:
<ul id="city">
<li value="021">上海</li>
<li value="010">北京</li>
</ul>
when you select a item, you can add a class like "selected" to the li notation, when you submit the form, you can get the value easily $("#city .selected").attr("value");
hope this can help you 

Answer 7

比较简单的，直接在创建li的时候，利用jQuery的data函数，在li上存一个你要提交的值，然后在提交的时候读取当前选中的项的data
//先在li上添加数据
li.data('value',1)
//...
//提交时
$.post(
//...
data:{value:li.data('value')}
)
或者像前面说的，直接在LI上加上value属性也可以的，虽然li直接没有这属性

Answer 8

那通过Form将数据输送到服务器端咋做呢，我这个是做成插件，所以用户只是引用就行，这样的话上传的值仍是li直接的值，而非我要的value

Answer 9

引用插件时先将当前文本框的name去掉，添加一个name一样的hidden文本框用于放对应的城市编号，城市名显示到没有name的文本框中，有name的才能提交。