巨大的选择框分为 2 个选择框
Huge selectbox divide in 2 selectboxes
我有这个功能,我认为它显示了巨大的选择框......
function loadChild() {
$configmodel = gbimport ( "listbingo.model.configuration" );
$params = $configmodel->getParams ();
$adid = ( int ) JRequest::getVar ( 'adid', 0 );
$parent = ( int ) JRequest::getVar ( 'catparentid', 0 );
$selfid = ( int ) JRequest::getVar ( 'selfid', 0 );
if (! $parent) {
return false;
} else {
$catmodel = gbimport ( "listbingo.model.category" );
//$children = $catmodel->getParentTreeForSelect(true, $parent);
$cat_list = $catmodel->getParentTreeForSelect ( true, $parent );
$categories = array ();
$categories [] = JHTML::_ ( 'select.option', '', JText::_ ( 'SELECT_CATEGORY' ), 'value', 'text' );
foreach ( $cat_list as $cat ) {
$xtreename = str_replace ( ".", "", $cat->treename );
$xtreename = str_replace ( " ", "-", $xtreename );
$xtreename = str_replace ( "<sup>|_</sup>", "", $xtreename );
if ($cat->children > 0) {
$categories [] = JHTML::_ ( 'select.optgroup', JText::_ ( $xtreename ), 'value', 'text' );
} else {
$categories [] = JHTML::_ ( 'select.option', $cat->value, JText::_ ( $xtreename ), 'value', 'text' );
}
}
if((int)$adid>0)
{
$disarray = array ('class' => 'inputbox required', 'onChange' => 'processSubcat(this.value)','disabled'=>'disabled');
}
else
{
$disarray = array ('class' => 'inputbox required', 'onChange' => 'processSubcat(this.value)');
}
$subcats = JHTML::_ ( 'select.genericlist', $categories, 'scatid', $disarray, 'value', 'text', $selfid );
$view = $this->getView ( 'ajaxinput' );
$view->setLayout ( 'subcat' );
$view->assignRef ( 'subcats', $subcats );
$view->assignRef ( 'adid', $adid );
$view->assignRef ( 'selfid', $selfid );
$view->display ();
}
}
选择框如下所示:
<select name="scatid">
<optgroup label="June">
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
</optgroup>
<optgroup label="July">
<option>2005</option>
<option>2006</option>
</optgroup>
</select>
它有数百个选项(所有 selctbox)和数十个选项组......
我想要实现的是在一个选择框中显示选项组......以及另一个选择框中所选选项组的选项...
有人可以帮我解决这个问题吗...我不知道从什么开始...我不擅长js/jquery...
我想要这样,因为有太多选项可供选择,我必须向下滚动很多才能找到我需要的东西......
谢谢。
Jquery-ui-filter-select-widget 可能会在这里帮助你。
它具有您在上述描述中提到的所有功能。
以下是JQuery选择小部件上的一些演示
前任。
网页代码:
<select id="example" name="example">
<optgroup label="test">
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</optgroup>
<optgroup label="foo">
<option value="orange">Orange</option>
<option value="purple">Purple</option>
<option value="yellow">Yellow</option>
<option value="brown">Brown</option>
<option value="black">Black</option>
</optgroup>
JQuery Code:
$(document).ready(function(){
$("#example").multiselect().multiselectfilter();;
});
相关文章:
- 下拉选择可自动更改第二个下拉选择
- 如何使用jQuery选择下拉列表的值
- jquery点击函数select&取消选择
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 按照选项卡索引的顺序循环一个jQuery选择
- 在动态创建的元素上获取对特定选择器的引用
- AngularJS-在JSON选择器中使用变量名
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 获取选择框的状态
- d3基于用户选择动态更新节点
- 提交后保留下拉选择的值
- JQuery对动态创建的对象进行选择
- 无法在Ionic select中预先选择最后一个选项
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- jQuery自动完成阻止选择后聚焦
- 使用此选项选择父类内部的类
- jQuery最近父级的数据属性选择器
- 巨大的选择框分为 2 个选择框
- 为什么Safari中相同宽度的“选择和输入”标签在渲染时差异巨大
- IE:HTML选择与巨大的选项需要大量的时间加载