Home/ Questions/Q 7880343
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T04:07:23+00:00

I have some html and script here: <html> <head> <script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js></script> <script type=text/javascript>

  • 0

I have some html and script here:

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {

    $("#options").attr("data-previousvalue1", $("#options").val());

        $("#options").data("previousvalue2", $("#options").val());
});
</script>
</head>
<body>
<select id="options">
    <option value="1">option 1</option>
<option selected="selected" value="2">option 2</option>
<select>
</body>
</html>

So, this only half works as I expect it to:

$("#options").attr("data-previousvalue1", $("#options").val());

sets data-previousvalue1=2 which is good

but I expected:

("#options").data("previousvalue2", $("#options").val());

to set data-previousvalue2=2.

Do I misunderstand the data method? From my searching and reading this should work.

Here’s the output html:

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When using jQuery’s data method, it’s actually storing the value internally in a cache, that’s not visible when inspecting the element. The data will be there if you call the data such as alert($(“#options”).data(“previousvalue2”));

    Please check out this article for further details.

    How does jQuery .data() work?

    • 0