使用JS处理select option输出data出现[object Object]

我想实现的就是当select选择对应的option时，input的data值更改成对应的option data值，使用了jquery的select option，但是返回的值是[object Object]

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

        <input  id=test gpo-data-variant-id="40268730204299">



        <select  data-type="select"  onchange="detail(this)">
          <option selected="" disabled="disabled" value="">Please Select</option>
            <option value="a"  gpo-data-variant-id="1">a</option>
            <option value="b"  gpo-data-variant-id="2" >b</option>
            <option value="c"  gpo-data-variant-id="3">c</option>
            <option value="d"  gpo-data-variant-id="4" >d</option>
        </select>
        
        
        <script type="text/javascript">
function detail(xmmy)
    
    {
    document.getElementById("test");test.setAttribute("gpo-data-variant-id", $('select option'));
}
</script>

你题目的解答代码如下：

function detail(xmmy)
{
    var test = document.getElementById("test");
    test.setAttribute("gpo-data-variant-id", $('select option:checked').attr("gpo-data-variant-id"));
}

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

出现这种问题，使用JSON.stringify 格式化对象，则解析为json

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632

出现这个返回值第一反应是你获取的对象被强制转换成字符串，导致了这个结果