Jquery 无法在下拉列表中指定添加新选项的固定位置

Jquery 无法在下拉列表中指定添加新选项的固定位置,jquery,html,css,jquery-ui,semantic-ui,Jquery,Html,Css,Jquery Ui,Semantic Ui,我使用的是语义ui下拉列表,其中包含以下代码 $('.ui.dropdown') .下拉列表() ; 选择选项 选择1 选择2 选择3 选择4 备选案文5 备选案文6 +新增 您可以使用css属性sticky这样定义它: $('#sticky').bind('click',函数(事件){ //做你想做的 var x=document.getElementById(“服务的行业”); var option=document.createElement(“选项”); option.text=提

我使用的是语义ui下拉列表,其中包含以下代码

$('.ui.dropdown')
.下拉列表()
;

选择选项
选择1
选择2
选择3
选择4
备选案文5
备选案文6
+新增

您可以使用css属性sticky这样定义它:

$('#sticky').bind('click',函数(事件){
//做你想做的
var x=document.getElementById(“服务的行业”);
var option=document.createElement(“选项”);
option.text=提示(“请输入新值”,“佛罗里达”);
x、 添加(选项);
});
*{
字体大小:16px;
}
#粘的{
职位:-网络工具包粘性;
/*狩猎*/
位置:粘性;
底部:0;
边框顶部:.5px实心;
颜色:蓝色;
}
挑选{
边界:无;
}
#包装纸{
边框:1px实心;
宽度:适合的内容;
保证金:自动;
/*就在这里,让我们把球放在中间*/
}
.dropbtn{
背景色:#4CAF50;
颜色:白色;
填充:16px;
边界:无;
}
.下拉列表{
位置:相对位置;
显示:内联块;
}
.下拉内容{
显示:无;
位置:绝对位置;
z指数:1;
}
#工业服务选项:悬停{
背景色:#ddd;
}
#粘性:悬停{
背景色:#ddd;
}
.下拉:悬停.下拉内容{
显示:块;
}
.dropdown:悬停.dropbtn{
背景色:#3e8e41;
}

下拉列表
陈述
阿拉巴马州
阿拉斯加州
亚利桑那州
阿肯色州
新墨西哥州
纽约
???
+添加更多

请尝试以下代码:

<!DOCTYPE html> 
<html>

<head>
<meta charset="UTF-8">
<style>

    select {
        position: relative;
    }
    select option {
        position: relative;
    }
    select option:last-child {
        position: sticky;
        bottom: 0;
        background-color: red;
    }
    </style>
 </head>
 <body>
    <select class="ui fluid search dropdown" id="industries_served" name="industries_served" multiple="">
        <option value="">State</option>
        <option value="AL">Alabama</option>
        <option value="AK">Blaska</option>
        <option value="AZ">CArizona</option>
        <option value="AR">DArkansas</option>
        <option value="AR">+Add more</option>
    </select>

    </body>

   </html>

挑选{
位置:相对位置;
}
选择选项{
位置:相对位置;
}
选择选项:最后一个孩子{
位置:粘性;
底部:0;
背景色:红色;
}
陈述
阿拉巴马州
布拉斯卡
卡里佐纳
堪萨斯州
+添加更多

您不能使用浏览器生成的样式选项:Ok。如果我不使用“选择”下拉列表并使用以下代码怎么办?”选择国家阿富汗阿兰群岛+新增“感谢您的回复,但这不是我想要的。我希望添加更多选项是在下拉列表内,并有固定的位置。对于您的代码,它不在下拉列表中,并且始终可见。我正在使用HTML元素的下拉列表,以便我可以为它们设置样式。我强烈反对,我的答案与您期望的输出完全相同……请再次检查图像。“添加更多”按钮始终可见。只有当有人打开下拉列表时,它才应该可见,并且应该显示为另一个选项。我编辑了我的答案,但“添加更多”按钮不是该图像中的另一个选项:感谢响应。我已经更新了我的代码,还包括了语义库。您是否可以在我更新的代码中修改添加新选项