【JS】如何更改dropdownlist 当前选定值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了【JS】如何更改dropdownlist 当前选定值相关的知识,希望对你有一定的参考价值。

请问如何更改dropdownlist的选中值 如图

在我选定 "|--青岛" 之后,去掉前面的“|--”符号,应该如何处理呢?
也就是说,选定值去掉“|--” ,但实际数据还是有“|--”的,请问如何实现呢?
继续求解中...........
数据库中存在的数据不带“|--”的,|--符号只是在数据绑定的时候动态添加的,下面的朋友说,取值的时候不加“|--”符号,但如果不加下拉控件又怎会显示这样的效果呢?呵呵,所有说还是得用js去解决;以下是我的代码:
function RemValue()

var item=$('item');

var deva=item.options[item.selectedIndex].text;//获取原先值
item.options[item.selectedIndex].text=deva.replace("|--",""); //更改选中的值,去掉“|--”
for(var i=0;i<item.options.length;i++)

if(item.options[i].text==item.options[item.selectedIndex].text) //如果在循环过程中,发现列表中的数据为选定的数据,则为当前数据赋值deva

item.options[i].text=deva;


//alert(deva);

RemValue方法是dropdownlist的onchange方法,item是该控件的ID,但是上面的语句不正确,请帮我看一下谢谢!

综上所述.
1、推荐你再绑定数据时就将Text和Value分开,取值的时候只取Value,比去掉 “|--”方便的多
2、TEXT="|--青岛"//显示给用户看的值
VALUE="青岛"; //存数据库的值
参考技术A 呃,TEXT="青岛"
VALUE="--青岛";
参考技术B 推荐你再绑定数据时就将Text和Value分开,取值的时候只取Value,比去掉 “|--”方便的多

怎么通过JS判断选定DropDownList的某一项

参考技术A 用JS获取 DropDownList 选中的值, 跟JS获取HTML元素里面的下拉框一样的撒,只是这里的控件是服务器控件 参考技术B document.getItemById("id").value()

以上是关于【JS】如何更改dropdownlist 当前选定值的主要内容,如果未能解决你的问题,请参考以下文章

怎么通过JS判断选定DropDownList的某一项

怎么通过JS判断选定DropDownList的某一项

将 Html.DropDownList 的选定值传递给控制器

如何绑定 DropDownList 的选定值

如何通过选定的道具动态地更改 vue js 2 中的选项卡?

如何获取 Kendo DropDownList 的选定值