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

Question

我想实现的就是当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>

Answer 1

你题目的解答代码如下：

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

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