通过Javascript获得DropDownList中选择的内容
2009-04-23 10:58
232 查看
获得DropDownList中选择项的Text值:
document.getElementById("DropDownList1").options[document.getElementById("DropDownList1").selectedIndex].innerText
或
document.getElementById("DropDownList1").options[document.getElementById("DropDownList1").selectedIndex].text
获得DropDownList中选择项的Value值:
document.getElementById("DropDownList1").options[document.getElementById("DropDownList1").selectedIndex].value
下面是我在网上查到的方法:
var select1 = document.all.<%= yourDropDownList.ClientID %>;
var select1value = select1.options[select1.selectedIndex].value;
var select1Text = select1.options[select1.selectedIndex].innerText;
var select2 = document.all.<%= yourListBox.ClientID %>;
var oOption = document.createElement("OPTION");
select2.options.add(oOption);
oOption.innerText = select1Text
oOption.Value = select1value ;
--------------------------------------------
function test()
{
var drp =
document.getElementById("DropDownList1");
var lst =
document.getElementById("ListBox1");
if (drp.length > 0)
{
for (i=0; i < drp.options.length; i++)
{
if (drp.options(i).selected == true)
{
var oOption
= document.createElement("OPTION");
lst.options.add(oOption);
oOption.innerText = drp.options(i).innerText;
oOption.value
= drp.options(i).value;
}
}
}
}
function test1()
{
var lst =
document.getElementById("ListBox1");
if (lst.length > 0)
{
for (i=0; i < lst.options.length; i++)
{
if (lst.options(i).selected == true)
{
lst.options.remove(i);
}
}
}
}
document.getElementById("DropDownList1").options[document.getElementById("DropDownList1").selectedIndex].innerText
或
document.getElementById("DropDownList1").options[document.getElementById("DropDownList1").selectedIndex].text
获得DropDownList中选择项的Value值:
document.getElementById("DropDownList1").options[document.getElementById("DropDownList1").selectedIndex].value
下面是我在网上查到的方法:
var select1 = document.all.<%= yourDropDownList.ClientID %>;
var select1value = select1.options[select1.selectedIndex].value;
var select1Text = select1.options[select1.selectedIndex].innerText;
var select2 = document.all.<%= yourListBox.ClientID %>;
var oOption = document.createElement("OPTION");
select2.options.add(oOption);
oOption.innerText = select1Text
oOption.Value = select1value ;
--------------------------------------------
function test()
{
var drp =
document.getElementById("DropDownList1");
var lst =
document.getElementById("ListBox1");
if (drp.length > 0)
{
for (i=0; i < drp.options.length; i++)
{
if (drp.options(i).selected == true)
{
var oOption
= document.createElement("OPTION");
lst.options.add(oOption);
oOption.innerText = drp.options(i).innerText;
oOption.value
= drp.options(i).value;
}
}
}
}
function test1()
{
var lst =
document.getElementById("ListBox1");
if (lst.length > 0)
{
for (i=0; i < lst.options.length; i++)
{
if (lst.options(i).selected == true)
{
lst.options.remove(i);
}
}
}
}
相关文章推荐
- javascript操作两个选择列表(有两个列表,如何实现在一个列表通过双击和多选列表中内容添加到另一个列表. )
- 通过Java获得浏览器的所有请求内容
- 通过javascript获得url参数
- 在HTML网页中用JavaScript实现两个选择框中的内容实现互选
- 通过javascript获得url参数
- 无选择内容出现 不能在 DropDownList 中选择多个项
- java通过url在线预览Word、excel、ppt、pdf、txt文档中的内容【只获得其中的文字】
- javascript获取textarea光标选择位置和内容方法(IE, Firefox)
- siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。
- 通过Javascript读取本地Excel文件内容的代码示例
- 转:通过javascript获得url参数
- javascript 获得checkbox所选择值
- JavaScript强化教程——jQuery - 获得内容和属性
- 通过Javascript获得页面元素的字体大小
- oracle通过utl_http获得指定网页的内容
- [转]:在oracle中通过utl_http获得指定网页内容,支持中文
- 获取鼠标选择的文本内容之JavaScript代码
- 通过javascript获得url参数
- javascript实现两个select选择框内容动态绑定
- 当通过JQuery得到后代或祖先的数组后怎么获得数组中的内容