使用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"));
}

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

Answer 2

Answer 3

您好，还有一个问题我想咨询一下，就是如果我的ID改成test-1的话，下面JS的test.setAttribute应该怎么写呢

Answer 4

test 变量不用改, 只改document.getElementById("test-1");即可

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