自定义jquery选择框,其中span作为其他select上的值更改

时间:2013-10-17 09:47:13

标签: javascript jquery drop-down-menu

我根据以下代码提供了不同的选择框:

$("select").each(function(){
    var select = $(this).css('opacity', 000);
    var select = $(this).css('width', 200);
    select.wrap('<span class="select"/>');
    select.before('<span class="value"><span></span></span>');
    var selectVal = select.siblings(".value").find("span");

    function selectUpdate() {
        var newVal = select.find(':selected').text();
        selectVal.html(newVal);
    }

    select.bind('change keypress keydown keyup', selectUpdate);
    selectUpdate();
});

我有两个选择框,当selectbox 1上的值==那么selectbox 2必须将它的值更改为somethingelse

<select name="tbz" id="tbz">
    <option value="1">1</option>
    <option value="something">2</option>
</select>

<select name="prc" id="prc">
    <option value="1">1</option>
    <option value="somethingelse">2</option>
</select>

我该如何做到这一点?

1 个答案:

答案 0 :(得分:0)

网上有很多关于你的qus的东西。只是搜索细节。我给了你基本的想法。

DEMO

 $("#tbz").change(function(){
        if( $(this).val()=="something"){
             $("#prc").val("somethingelse");   
        }
    });