使用JavaScript以,号分割文本框内容为数组并添加到下拉列表

来源:互联网 发布:农村教育问题 知乎 编辑:程序博客网 时间:2024/06/05 05:11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  
<title>Java Script</title>
  
<script language="javascript" type="text/javascript">
  
<!--
  
function DoWork()
  
{
    
var TextArray = Text1.value.split(",");
    
for(i = 0; i < TextArray.length; i ++)
    
{
      
var option = document.createElement("Option");
      option.text 
= TextArray[i];
      option.value 
= TextArray[i];
      Select1.add(option);
    }

  }

  
//-->
  
</script>
</head>
<body>
  
<input id="Text1" type="text" value="1,2,3" /><br />
  
<input id="Button1" type="button" value="以,号分割文本框内容并添加到下拉列表" onclick="DoWork();" /><br />
  
<select id="Select1">
    
<option selected="selected">准备添加</option>
  
</select>
</body>
</html>
 
原创粉丝点击