select option 的操作

最新推荐文章于 2021-11-30 14:35:31 发布
最新推荐文章于 2021-11-30 14:35:31 发布
阅读量130 收藏
点赞数


<script>

var seleObj,selObj2;

function addall(selObj,selObj2)

{

for(i=0;i<(selObj.length);i++)

{

var gr = selObj2;

varvalOption = new Option;

var result=0;

if(selObj2.length>0)

{

for(k=0;k<(selObj2.length);k++)

{

if(selObj.options[i].value==selObj2.options[k].value)

result++;

}

if(result==0)

{

valOption.text=selObj.options[i].text;

valOption.value=selObj.options[i].value;

gr.add(valOption);

}

}

else

{

valOption.text=selObj.options[i].text;

valOption.value=selObj.options[i].value;

gr.add(valOption);

}

}

}

functionadd(selObj,selObj2)

{

doc=selObj;

vari,m=0;

for(i=0;i<(selObj.length);i++)

{

if(selObj.options[i].selected)

{ var gr = selObj2;

varvalOption = new Option;

var result=0;

if(selObj2.length>0)

{

for(k=0;k<(selObj2.length);k++)

{

if(selObj.options[i].value==selObj2.options[k].value)

result++;

}

if(result==0)

{

valOption.text=selObj.options[i].text;

valOption.value=selObj.options[i].value;

gr.add(valOption);

}

}

else

{

valOption.text=selObj.options[i].text;

valOption.value=selObj.options[i].value;

gr.add(valOption);

}

}

}

}

functionremove(selObj2)

{

doc=document;

var i,m;

for(i=(selObj2.length-1);i>=0;i--)

{ j=0;

if(selObj2.options[i].selected)

{selObj2.options[i]=null;

}

}

}

functionremoveall(selObj2)

{

for(i=(selObj2.length-1);i>=0;i--)

{

j=0;

selObj2.options[i]=null;

}

}

</script>

<html>

<body>

<formname=form1>

<table>

<selectname=select size="10" class=pl style=width:100pt multiplereadonly>

<optionvalue=1>hg</option>

<optionvalue=2>hg</option>

<optionvalue=3>b</option>

<optionvalue=4>c</option>

<optionvalue=5>5</option>

</select>

<inputtype='button' name='Button' value='添加'οnclick="add(document.form1.select,document.form1.wage_class)">

<inputtype='button' name='Button2' value='删除'οnclick='remove(document.form1.wage_class)'>

<inputtype='button' name='Button1' value='全加' οnclick="addall(document.form1.select,document.form1.wage_class)">

<inputtype='button' name='Button3' value='全删'οnclick='removeall(document.form1.wage_class)'>

<selectname=wage_class size='10' style=width:100pt multiple readonly>

<optionvalue=6>6</option>

<optionvalue=7>7</option>

<optionvalue=8>8</option>

<optionvalue=9>9</option>

<optionvalue=10>10</option>

</select>

</form>

</body>

</html>

yongyonglsy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
select option的使用
u010995263的专栏
08-17 1668
select元素可创建单选或者多选菜单，当提交表单时，浏览器会提交选定的项目，或者收集用逗号分隔的多个选项，将其合成一个单独的参数列表，并且在表单数据提交给服务器时包括name 属性。 select元素是一种表单控件，可用于在表单中接受用户输入。可选的属性、值、描述 disabled     disabled    规定禁用该下拉列表 multiple   multiple   规定可选择多
select中option选项操作
03-10 1019
一、jQuery获取Select选择的Text和Value: 1、获取Select选择的Text var checkText=jQuery("#select_id").find("option:selected").text();  2、获取Select选择的option Value var checkValue=jQuery("#select_id").val();
SAP ABAP SELECT-OPTIONS使用基本方法
weixin_46075394的博客
11-30 1万+
SELECT-OPTIONS基本语法、定义和内表结构
selcect 下拉框样式 -添加加下拉图标
艾小逗
08-09 3603
给select 下拉选择框添加图标 &amp;amp;lt;select&amp;amp;gt; &amp;amp;lt;option value=&amp;quot;1&amp;quot;&amp;amp;gt;1&amp;amp;lt;/option&amp;amp;gt; &amp;amp;lt;option value=&amp;quot;2&amp;quot;&amp;amp;gt;2
select option带自定义图片
09-19
总结来说，要实现`<select>`和`<option>`带有自定义图片的效果，我们需要结合HTML的`data-*`属性，JavaScript的动态操作和CSS的样式设计。这不仅增强了用户体验，也展示了前端技术在实现视觉效果方面的灵活性。在...
JS实现select选中option触发事件操作示例
10-18
由于`<option>`元素本身不支持直接绑定事件，因此我们通常会在其父元素`<select>`上设置事件监听器，例如`onchange`事件，来捕获用户的选择变化。 在这个示例中，我们看到两种方法来实现这一目标：一种是纯...
jquery操作select option 的代码小结
10-28
jquery操作select option 的代码小结,需要的朋友可以参考下。
Jquery操作Select option整理
04-18
这个文档是本人在开发学习中下的别人的资料，觉得汇总的很好，后面在工作过程中修改了一些，非常有用，尤其是前端的，基本上对select option的操作都在这里面了。有收藏价值。
HTML select option基础理解及使用
12-13
首先，`<select>`标签定义了一个选择框，而`<option>`标签则是选择框内的选项，每个`<option>`都有一个`value`属性用于存储值，以及一个可选的文本内容。 在JavaScript中，`<select>`元素的`options`属性是一个数组...
有关在html中修改select标签的option selected默认选中属性实现
pinyinshang的博客
04-12 9万+
着急想要解决办法的朋友可以直接看最后的内容：}一般我们使用select标签时大概都会使用到option标签来填充下拉框中的内容只有几个固定的内容写死在页面还好，可能是这样的： &lt;select name="type"type="text"&gt; &lt;option velue= ""&gt;type&lt;/opt...
关于select选中option时的方法
weixin_38706214的博客
10-16 4920
今天在给项目添加新功能的时候遇到了一个问题，就是关于select怎么 选中的option关联起来 比如： ```python <select id='two' class="form-control" name="site"> <option value="1"></option> <option value="2">
select option 基础使用
Havanao的博客
08-11 659
div里 <select> <option v-for="item in option" :key="item.value" :label="item.label" :value="item.value" > </option> </select> script里return里 option:[{
js 操作select和option常见用法
丿灬安之若死
02-22 5548
1、获取选中select的value和text,html &lt;select id="mySelect"&gt; &lt;option value="1"&gt;one&lt;/option&gt; &lt;option value="2"&gt;two&lt;/option&gt; &lt;option value="3"&g
Option 和 Select 对象的基本使用
sky_zq16的博客
10-27 2467
Option 和 Select 对象的基本使用，这是两个很常用到的标签（这里主要是介绍属性的使用）   这里是代码的样板 //js的方法 function disable()   { //启动下拉列表   document.getElementById("mySelect").disabled=true;   } function enable()   { //
select option控件的操作方法
喵酱
04-18 729
select option控件的操作方法https://blog.csdn.net/rabinsong/article/details/50967530
操作 select的options对象
u010289111的专栏
04-25 2311
HTML DOM集合 最近我朋友要我帮他写一些需求，然后就需要更新select中的options对象 我还以为要使用InnerHTML循环出来 结果最后出奇的顺利，因为发现了这一个属性 然后我最近打酱油的看来一本书 编写高质量Javascript代码，我还是有一些印象的就把它当中的建议3：减少全部变量污染加了进去 然后实现的时候，又发现了不止哪个小哥哥小姐姐写的很好用的封装好了
jquery操作select(取值，设置选中）
热门推荐
彭香香的专栏
04-07 110万+
<br />每一次操作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了。<br />比如<select class="selector"></select><br />1、设置value为pxx的项选中<br />     $(".selector").val("pxx");<br />2、设置text为pxx的项选中<br />    $(".selector").find("option[text='pxx']").attr("selected",true);<br />   
JQuery 对 Select option 的操作
止境
08-04 949
下拉框： 1 2 3 4 5 6 下面是对下拉框的基本操作：
jquery 操作select选中option
最新发布
07-08
要使用jQuery获取已选中的<select>元素中的<option>，可以使用以下代码： ```javascript // 假设你的<select>有一个 ID 叫做 "mySelect" var selectedOptionValue = $('#mySelect').find('option:selected').val();...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值