如何使用jQuery访问数据属性的值

时间:2016-02-15 13:09:13

标签: jquery custom-attributes

我想在jQuery中访问data属性。 但每次我尝试访问它时都会返回undefined。

代码是

http://46.101.2.91/manager/html/upload?org.apache.catalina.filters.CSRF_NONCE=846E819F21EFBBE715AFBFA39F349E34

我尝试使用

<select name="start" id="source">
    <option selected disabled>Select your location</option>
    <option data-lat="74.1833" value="some for php">Gujranwala</option>
    <option data-lat="74.3436" value="some for php">Lahore</option>
    <option data-lat="74.536" value="some for php">sialkot</option>
    <option data-lat="74.0789" value="some for php">gujrat</option>
    <option data-lat="67.0100" value="some for php">Karachi</option>
  </select>

当用户选择一个选项时,它应该给出自定义属性值。 但它不起作用..仍然未定义。 任何人都可以告诉我任何替代解决方案,或者如果我错了,请更正它...

请尝试提交正在运行的示例.. 提前谢谢。

如果我做任何错误的解释问题,请忽略它,我希望你们得到它我想说的话:) :()

1 个答案:

答案 0 :(得分:3)

您需要定位所选的选项,其中设置了自定义属性。顺便说一下,你可以使用data()函数。

$('#source option:selected').data('lat');