Jquery将option元素的值设置为元素的文本

时间:2014-06-23 17:15:12

标签: javascript jquery html

我需要将option元素的value属性设置为等于option元素本身的文本。这是我目前的代码。由于某种原因,它连接了字符串。

这是HTML标记。

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

这是jquery代码:

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

2 个答案:

答案 0 :(得分:2)

尝试使用.attr()接收器功能来实现这一目标,

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

DEMO

答案 1 :(得分:1)

变化:

console.log(select.text());

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

演示:: jsFiddle