使用 javascript 在两个列表项之间插入下拉项
Dropdown item insert between two list items using javascript
我有这样的单选按钮和下拉列表:
下拉列表
<asp:RadioButtonList ID="rblTravelType" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" EnableViewState="false" onclick="TypeOfTravelOnChange('rblTypeOfTravel');">
<asp:ListItem Value="A" Text="Air Travel"></asp:ListItem>
<asp:ListItem Value="O" Text="Other Travel"></asp:ListItem>
</asp:RadioButtonList>
单选按钮
<select name="DrTravelMode" id="DrTravelMode">
<option value="">--Select--</option>
<option value="A">Air</option>
<option value="T">Bus</option>
<option value="B">train</option>
<select>
脚本:
function TypeOfTravelOnChange(RadioButtonId) {
if ($('input:radio[name=' + RadioButtonId + ']:checked').val() == 'O') {
$("#DrTravelMode option[value='A']").remove();
}
else
{
// here i want to append the dropdown value "Air" between --Select-- and Bus
}
}
我的问题是,如何使用javascript在两个项目之间插入一个新的列表项。
你可以这样使用
您需要找到索引,然后按如下方式使用
$("select option").eq(index).before($("<option></option>").val(val).html(text));
在您的情况下
首先查找索引,如下所示
var index= $("#DrTravelMode option[value='A']").index()
然后删除,然后在上面的索引中添加
我已经将以下脚本放在else块中,它工作正常。
var select = document.getElementById("DrTravelMode");
if ($("#DrTravelMode option[value='A']").length == 0) {
var opt2 = document.createElement("option");
opt2.text = "Air";
opt2.value = "A";
select.add(opt2, 1);
}
相关文章:
- 如何附加<ul><李>元素位于某个特定条件的父元素列表之间
- Sequelize:属性之间的命名冲突'播放列表'以及关联'播放列表'
- jqmobile列表视图中元素之间的间距相等
- JS:给定一个x,y坐标列表,可以找到介于1,1和给定最大值之间的缺失坐标
- 在两个或多个 UL 列表之间切换,如果单击一个列表,则其他列表会自动以初始状态返回,就像从未单击过一样
- jQuery可排序与溢出:隐藏;在两个列表之间
- 如何删除两个 Html 选择列表之间的重复项
- 在角度 js 中的两个选择下拉列表之间切换
- AngularUI:在应用过滤器的情况下正确更新两个列表之间的模型
- 如何附加列表项<李>从无序列表<ul>其他四个未排序列表之间
- 使用嵌入式文档列表和使用ObjectId列表之间有区别吗
- JQuery在列表之间移动更改元素
- jQuery可排序-用双击在列表之间移动元素
- 用JavaScript在两个列表之间移动项
- 我如何找到两个列表之间的共同点?
- Javascript / jquery在两个树视图列表之间拖放
- 当一个项目被重新排列或在列表之间移动时触发
- 如何使用jQuery将文本附加到列表之间传输的项目
- jQuery可在不同无序列表之间进行排序
- jQuery UI可排序和在列表之间移动元素