链接选择与选择

我试图链接选择Chosen和Chained但我不确定是否正在执行.chosen（）.change（）正确或如果我得到的错误是一个错误。链接选择与选择

下面是我得到了什么：

<select id="Inputfield_date" name="date" data-placeholder="Select event date"> 
<option value=""></option> 
<option value="WA">WA</option> 
<option value="QLD">QLD</option> 
<option value="VIC">VIC</option> 
<option value="NSW">NSW</option> 
<option value="SA">SA</option> 
</select> 

<select id="Inputfield_code" name="code" data-placeholder="Response code"> 
<option value=""></option> 
<option value="601" class="WA">601</option> 
<option value="602" class="WA">602</option> 
<option value="402" class="QLD">402</option> 
<option value="403" class="QLD">403</option> 
<option value="301" class="VIC">301</option> 
<option value="302" class="VIC">302</option> 
<option value="201" class="NSW">201</option> 
<option value="203" class="NSW">203</option> 
<option value="501" class="SA">501</option> 
</select> 

$('#Inputfield_date').chosen().change(function() { 
    $("#Inputfield_code").chained("#Inputfield_date"); 
});

这给了我未捕获的RangeError：最大调用堆栈大小超过。

编辑：我现在还需要隐藏/显示另一个字段，如果选择了一个特定的选项，我不知道什么是正确的方法是。

来源

2013-08-26 Tyssen

这是一个关于SO的例子http://stackoverflow.com/questions/18441118/retrieve-values-from-dynamically-added-selects-using-jquery-in-php –

我没有看到Chosen用在那个例。 – Tyssen

使用Chained文档中的示例，我已经放置了一个example on jsfiddle。

而且它实际上是相当简单的，只是初始化链的，选上，你通常会做，然后触发chosen:updated事件，如果的选择变化之一：

var selects = $('#Inputfield_code, #Inputfield_date'); 
$('#Inputfield_code').chained('#Inputfield_date'); 
selects.chosen({width: '300px'}) 

selects.on('change', function(){ 
    selects.trigger('chosen:updated'); 
});

编辑：

对于你的第二个问题，我已经更新了小提琴：http://jsfiddle.net/koenpunt/Fzh9G/2/

选择发送哪个选项旁边的更改事件，所以检查是否一个特定的选择选择n很简单：

$('#series').on('change', function(event, data){ 
    // First check if data exists, because if the change event 
    // isn't triggered by Chosen `data` is undefined 
    if(data){ 
     if(data.selected == 'a5'){ 
      $('#submit').hide(); 
     }else{ 
      $('#submit').show(); 
     } 
    } 
});

正如你会发现，如果你选择“奥迪”和“A5”按钮将消失。

来源

2013-08-28 08:10:33

太棒了，谢谢。 :) – Tyssen

链接选择与选择

回答

相关问题