Jquery set value of option element to be the text of the element

Question

I need to set the value attribute of the option element equal to the text of the option element itself. This is the code I have currently. For some reason it is concatenating the strings.

Here's the HTML markup.

    <select id="ResidentialBuildingType" name="ResidentialBuildingType">
     <option>SFD</option>
     <option>Test</option>
    </select>

Here's the jquery code:

    <script>
    $(document).ready(function () {
        var select = $('#ResidentialBuildingType > option');
        $(select).each(function (index) {
            console.log(select.text());
        });
    });
    </script>

Answer 1

Try to use the .attr() receiver function to achieve that,

$('#ResidentialBuildingType > option').attr("value",function(){
  return $(this).text();
});

DEMO

Answer 2

change:

console.log(select.text());

to

console.log($(this).text());

Demo:: jsFiddle