select多选 multiple的行使示例

复制代码 代码如下:

复制代码 代码如下:

复制代码 代码如下:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
<title> New Document </title>
<meta name=”Generator” content=”EditPlus”>
<meta name=”Author” content=””>
<meta name=”Keywords” content=””>
<meta name=”Description” content=””>
</head>
<body>

<html>
<head>
<script type=”text/javascript”>
function showDiv(id){

<html>
<head>
<script type=”text/javascript”>
function showDiv(id){

<script language=”JavaScript”>
<!–
function checkselect(objname){
o = document.getElementById(objname);
t = document.getElementById(“output”);
var count=0;
var intvalue=””;
for(i=0;i<o.length;i++){
if(o.options[i].selected){
intvalue+=o.options[i].value+”,”;
count++;
}
}
t.value=intvalue.substr(0,intvalue.length-1);
alert(count);

document.getElementById(“selectOption”).style.display=”block”;
document.getElementById(“selectOption”).style.position=”absolute”;
document.getElementById(“selectOption”).style.top=document.getElementById(id).offsetTop+25;
document.getElementById(“selectOption”).style.left=document.getElementById(id).offsetLeft+20;
}
function selectM()
{
var obj = document.getElementById(“mySelect”);
alert(obj.selectedIndex);

document.getElementById(“selectOption”).style.display=”block”;
document.getElementById(“selectOption”).style.position=”absolute”;
document.getElementById(“selectOption”).style.top=document.getElementById(id).offsetTop+25;
document.getElementById(“selectOption”).style.left=document.getElementById(id).offsetLeft+20;
}
function selectM()
{
var obj = document.getElementById(“mySelect”);
alert(obj.selectedIndex);

}
//–>
</script>
<select name=”objsel” size=8 multiple>
<option value=”0″ selected>请选择
<option value=”1″>测试一
<option value=”2″>测试二
<option value=”3″>测试三
<option value=”4″>测试四
<option value=”5″>测试五
</select>
<input type=”button” onclick=”checkselect(‘objsel’);”
value=”输出”>
选中的项目:<input type=”text” name=”output”>
</body>
</html>

}
function checkselect(objname){
o = document.getElementById(objname);
t = document.getElementById(“output”);
var intvalue=””;
for(i=0;i<o.length;i++){
if(o.options[i].selected){
intvalue+=o.options[i].value+”,”;
}
}
t.value=intvalue.substr(0,intvalue.length-1);
alert(intvalue);

}
function checkselect(objname){
o = document.getElementById(objname);
t = document.getElementById(“output”);
var intvalue=””;
for(i=0;i<o.length;i++){
if(o.options[i].selected){
intvalue+=o.options[i].value+”,”;
}
}
t.value=intvalue.substr(0,intvalue.length-1);
alert(intvalue);

您可能感兴趣的文章:

  • 获取select的value、text值的简单示例(jquery与javascript)
  • js添加select下默认的option的value和text的方法
  • JS获取select的value和text值的简单实例
  • JS获取select-option-text_value的方法
  • js获取select选中的option的text示例代码
  • jquery及原生js获取select下拉框选中的值示例
  • js获取select标签选中值的两种方式
  • js
    获取当前select元素值的代码
  • 获取select元素被选中的文本内容的js代码
  • js获取当前select
    元素值的代码
  • javascript
    获取select下拉列表值的代码
  • js select
    标签选定项的值获取代码
  • JavaScript获取select中text值的方法

}

}

</script>
</head>
<body>

</script>
</head>
<body>

<form>
<div id=”selectOption”
style=’width:100px;height:50px;z-index:100;border:1px solid
#0099FF;background:#cccccc;display:none;’>
<select id=”mySelect” multiple=”multiple” size=”4″>
<option value=’苹果’>苹果</option>
<option value=’桃子’>桃子</option>
<option value=’香蕉’>香蕉</option>
<option value=’桔子’>桔子</option>
</select>
<input type=”button” onclick=”checkselect(‘mySelect’)”
value=”checkselect”>
</div>
选中的项目:<input type=”text” name=”output”>
<input id=”lalla” type=”button” onclick=”showDiv(this.id)”
value=”选择”>
<br/>
</form>
<p>在您点击 “选择多个” 按钮之前,请尝试同时选取多个选项。在点击
“选择多个” 按钮之后,请再试一次。</p>
</form>
</body>
</html>

<form>
<div id=”selectOption”
style=’width:100px;height:50px;z-index:100;border:1px solid
#0099FF;background:#cccccc;display:none;’>
<select id=”mySelect” multiple=”multiple” size=”4″>
<option value=’苹果’>苹果</option>
<option value=’桃子’>桃子</option>
<option value=’香蕉’>香蕉</option>
<option value=’桔子’>桔子</option>
</select>
<input type=”button” onclick=”checkselect(‘mySelect’)”
value=”checkselect”>
</div>
选中的项目:<input type=”text” name=”output”>
<input id=”lalla” type=”button” onclick=”showDiv(this.id)”
value=”选择”>
<br/>
</form>
<p>在您点击 “选择多个” 按钮之前,请尝试同时选取多个选项。在点击
“选择多个” 按钮之后,请再试一次。</p>
</form>
</body>
</html>

代码如下: html head script
type=”text/javascript” function showDiv(id){
document.getElementById(“selectOption”).style.display=”block”;
document.getElementById(“sel…

发表评论

电子邮件地址不会被公开。 必填项已用*标注