select 添加option 下班结帖

Question

前台页面:<select name='selCity' id='selCity'></select>
我想在后台取值将取出来值添加到selCity上
 Page.RegisterStartupScript('',script);
string script="document.getElementById("selCity").options.add(new Option(取出来的值))";
这样不行...
 大家有什么好的办法吗?注册客户端脚本 添取出来的值添加到selCity上

Answer 1

select.options.add(new Option(nodes[i].getAttribute('name'), nodes[i].getAttribute('id')))
我都是用这种方法，都可以啊，是不是浏览器的原因啊

Answer 2

1.判断select选项中 是否存在Value="paraValue"的Item
2.向select选项中 加入一个Item
3.从select选项中 删除一个Item
4.修改select选项中 value="paraValue"的text为"paraText"
5.设置select中text="paraText"的第一个Item为选中
6.设置select中value="paraValue"的Item为选中
7.得到select的当前选中项的value
8.得到select的当前选中项的text
9.得到select的当前选中项的Index
10.清空select的项
-------------------------------------------
//1.判断select选项中 是否存在Value="paraValue"的Item
function jsSelectIsExitItem(objSelect,objItemValue)
{
     var isExit = false;
     for(var i=0;i<objSelect.options.length;i++)
     {
         if(objSelect.options[i].value == objItemValue)
         {
             isExit = true;
             break;
         }
     }      
     return isExit;
} //2.向select选项中 加入一个Item
function jsAddItemToSelect(objSelect,objItemText,objItemValue)
{
     //判断是否存在
     if(jsSelectIsExitItem(objSelect,objItemValue))
     {
         alert("该Item的Value值已经存在");
     }
     else
     {
         var varItem = new Option(objItemText,objItemValue);
//       objSelect.options[objSelect.options.length] = varItem;
         objSelect.options.add(varItem);
         alert("成功加入");
     }    
}//3.从select选项中 删除一个Item
function jsRemoveItemFromSelect(objSelect,objItemValue)
{
     //判断是否存在
     if(jsSelectIsExitItem(objSelect,objItemValue))
     {
         for(var i=0;i<objSelect.options.length;i++)
         {
             if(objSelect.options[i].value == objItemValue)
             {
                 objSelect.options.remove(i);
                 break;
             }
         }        
         alert("成功删除");            
     }
     else
     {
         alert("该select中 不存在该项");
     }    
}//4.修改select选项中 value="paraValue"的text为"paraText"
function jsUpdateItemToSelect(objSelect,objItemText,objItemValue)
{
     //判断是否存在
     if(jsSelectIsExitItem(objSelect,objItemValue))
     {
         for(var i=0;i<objSelect.options.length;i++)
         {
             if(objSelect.options[i].value == objItemValue)
             {
                 objSelect.options[i].text = objItemText;
                 break;
             }
         }        
         alert("成功修改");            
     }
     else
     {
         alert("该select中 不存在该项");
     }    
}
        
//5.设置select中text="paraText"的第一个Item为选中
function jsSelectItemByValue(objSelect,objItemText)
{    
     //判断是否存在
     var isExit = false;
     for(var i=0;i<objSelect.options.length;i++)
     {
         if(objSelect.options[i].text == objItemText)
         {
             objSelect.options[i].selected = true;
             isExit = true;
             break;
         }
     }      
     //Show出结果
     if(isExit)
     { 
         alert("成功选中");            
     }
     else
     {
         alert("该select中 不存在该项");
     }    
}//6.设置select中value="paraValue"的Item为选中
//document.all.objSelect.value = objItemValue;//7.得到select的当前选中项的value
//var currSelectValue = document.all.objSelect.value;//8.得到select的当前选中项的text
//var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;//9.得到select的当前选中项的Index
//var currSelectIndex = document.all.objSelect.selectedIndex;//10.清空select的项
// document.all.objSelect.options.length = 0;

Answer 3

thanks!
我不是要javascript方面的  是后台CS代码

Answer 4

我的不是xml是从数据库取出来的值

Answer 5

如果是后台注册脚本获取select选中的值。看你的代码好像没问题。 可能出在你注册脚本的位置。看看你注册脚本的时候是否以加载控件。查看页面源代码脚本位置

Answer 6

web的不杂熟 ，cs的ok  

Answer 7

 Page.RegisterStartupScript('',script);
string script="document.getElementById("selCity").options.add(new Option(取出来的值))";这样可以吗 还有没有其它注册客户端脚本的方法

Answer 8

将前台aspx文件中的<select></select>设置为runat="server"，在后台中用ListItem option=new ListItem("自定义值");
abc.Items.Add(option);其中abc为前台<select></select>的id。

Answer 9

string script="document.getElementById("selCity").options.add(new Option(取出来的值))";
Page.RegisterStartupScript('',script);
不行？

Answer 10

报错吗？会不会是js执行时机的问题！我是用另外一种方法加载的，没问题！
方法：后台读到数据后，以数据的形式输出到前台，前台load事件里加载下拉控件

Answer 11

string script="document.getElementById("selCity").options.add(new Option(取出来的值))";
Page.RegisterStartupScript('',script);
这样可以吧！

Answer 12

方法：后台读到数据后，以数组的形式输出到前台，前台load事件里将数组加载到下拉控件

Answer 13

直接用dropdownlist不是更简单？

Answer 14

不说没有用的，看下面
var op = window.document.createElement("OPTION");
op.innerHTML = "-------";
op.value = "0";
slCity.appendChild(op);这样一定不会错，你的问题可能与W3C有关。