选择选项不单独工作

时间:2014-09-06 10:41:50

标签: jquery twitter-bootstrap select input

在给定的小提琴链接中,当我点击电子邮件或手机部分中的绿色加号按钮时,它会创建一个新的输入字段。当我想从下拉菜单中选择一个选项时,它还会在所有下拉菜单中选择选项。 / p>

*需要单独使用下拉菜单。

*点击下拉菜单上的文字时需要选择单选按钮。

以下是JSFIDDLE link

2 个答案:

答案 0 :(得分:0)

您对手机和电子邮件使用相同的ID,即" search_concept"使用不同的ID并相应地更改代码。

答案 1 :(得分:0)

你必须使用ul旁边的按钮标签来工作,但我认为这是你想要的!

$(document).on("click", 'a.radio_click', function(){
      var param = $(this).attr("href").replace("#","");
      var concept = $(this).text();
      var span = $(this).closest("ul").prev().find("span#search_concept");
      span.text(concept);
      $(this).find('input').prop('checked', true);
      $('.input-group #search_param').val(param);
});

你必须删除

$('.search-panel .dropdown-menu').find('a').click(function() 

因为它是不必要的。