Jquery通过隐藏属性和值比较改变span值

jquery change span value by hidden attribute and value comparison

本文关键字:比较 改变 span 属性 隐藏 Jquery      更新时间:2023-09-26

我的问题是我得到任何属性以某种方式。我试图打印一个跨度与不同的值与选择/选项的组合。

I tried in the fiddle:

http://fiddle.jshell.net/dxke6fun/

    <div>
    <span id="display-text-"> Good Bye World! </span>
    <input type="hidden" id="objectid" secret="1" print="Hello World 1" />
    <input type="hidden" id="objectid" secret="2" print="Hello World 2" />
    <input type="hidden" id="objectid" secret="3" print="Hello World 3" />
    <input type="hidden" id="objectid" secret="4" print="Hello World 4" />
</div>
<select onchange="changeValue('objectid',this)"> 
    <option secret="1">Option 1</option>
    <option secret="2">Option 2</option>
    <option secret="3">Option 3</option>
    <option secret="4">Option 4</option>
</select>
function changeValue(id,select) {
   var secret = $(sel).attr("secret");
   var print_secret = $("hidden-" + id).attr("secret").val(secret);
            $(function(){
                $("#hidden-" + id).text(print_secret);
            });

我不确定你会取得什么成就。请过目一下样品。我希望这对你有用。由于

<div>
    <span id="display-text-"> Good Bye World! </span>
    <input type="hidden" id="hidden-001" secret="1" print="Hello World 1" />
    <input type="hidden" id="hidden-002" print="Hello World 2" />
    <input type="hidden" id="hidden-003" print="Hello World 3" />
    <input type="hidden" id="hidden-004" print="Hello World 4" />
</div>
<select>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>
jquery是

$('select').change(function() {
    var secret = $(this).val();
    var print_secret = $("#hidden-00" + secret).attr('print');
    $("#display-text-").text(print_secret);
});

小提琴