粘性jquery选择选项

时间:2013-01-16 00:37:08

标签: jquery

我有一个页面显示用户信息,如地址,电话,姓名等,但是电话字段是一个选择选项,我可以在其中进行选择(电话,
对于每个用户,我有一个选择选项:

<select class="smpullinput" id="middle_column_type<? echo $idtable; ?>">
    <option id="Phone" value="Phone">Phone</option>
    <option id="Office" value="Office">Office</option>
    <option id="Cellphone" value="Cellphone">Cellphone</option>
</select> 
//$idtable its just an ID 

然后我使用简单的jquery显示数据:

var idtable = <?=$idtable?>;
$('#middle_column_type'+idtable).change(function() {

    if( $('#middle_column_type'+idtable).val()=="Phone" )
        {                            
          $("#disp_p"+idtable).html(varp).show();
        }

     if( $('#middle_column_type'+idtable).val()=="Office" )
        {
          $("#disp_o"+idtable).html(varo).show();
        }       

     if( $('#middle_column_type'+idtable).val()=="Cellphone" )
        {
          $("#disp_c"+idtable).html(varc).show();
        }               
});

我用span来显示手机。我现在想要的是一个“粘性”选择选项,如果我在任何用户中将选择框更改为手机,其他用户获得新选项,我知道为了做到这一点,我需要使用我的class =“ smpullinput“(在我的情况下)我尝试了一些不起作用的东西。不确定我是否足够清楚?

由于

1 个答案:

答案 0 :(得分:1)

尝试添加$(".smpullinput").not(this).val(this.value);,演示:http://jsfiddle.net/BTheR/