Option操作呀。

刺骨的言语ヽ痛彻心扉 2022-08-24 04:23 126阅读 0赞

Md  昨天写的太长了 结果没有保存住，只好今天重写了，  太阳呀。。。

1)清空options

**obj.options.length=0**

<script>  
function ss()  
\{document.getElementById("gg").options.length=0\}  
</script>  
<select id="gg"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>  
<input value="清空" type="button" onClick="ss()">

2)删除一项option

**obj.remove(Index)**

<script>  
function ss(num)  
\{document.getElementById("gg").remove(num)  
 document.getElementById("gg").selectedIndex=0 \}  
</script>  
<select id="gg"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>  
<input id="ff" type="text">  
<input value="清空" type="button" onClick="ss(document.getElementById('ff').value)">

3)创建一项option

**var option =new Option(text,value)**  //后面的O要大写。。。。

4)添加一项option

**obj.options.add(new Option(text,vakue))**

<script>  
function ss(num)  
\{ var option =new Option("Hi",1)  
document.getElementById("gg").options.add(option)\}  
</script>  
<select id="gg"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>  
<input value="添加" type="button" onClick="ss()">

5)修改一项option

**obj.options\[num\]=new Option(text,value)**

<script>  
function ss()  
\{ document.getElementById("gg").options\[1\] = new Option("你好",1);  
 document.getElementById("gg").selectedIndex=2 \}  
</script>  
<select id="gg"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>  
<input value="xiugai" type="button" onClick="ss()">

6)修改select的选中项

**obj.selectedIndex=num    //就是取中的索引值**

<script>  
function ss()  
\{ document.getElementById("gg").selectedIndex=2 \}  
</script>  
<select id="gg"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>  
<input value="xiugai" type="button" onClick="ss()">

7)得到所有选option的内容和value

**obj.options\[num\].innerHTML    //或者是value**

<script>  
function ss(num)  
\{ alert(document.getElementById("gg").options\[num\].innerHTML)  
 alert(document.getElementById("gg").options\[num\].value) \}  
</script>  
<select id="gg"><option value="100">1</option><option value="200">2</option><option value="300">3</option></select>  
<input value="xiugai" type="button" onClick="ss(document.getElementById('gg').selectedIndex)">

处于可编辑状态的option

<script>  
function catchMP(e,obj)\{  
  e=e||event  
  var code =e.charCode||e.keyCode  
  obj.options\[obj.selectedIndex\].text = obj.options\[obj.selectedIndex\].text + String.fromCharCode(code);\}  
</script>  
<select  οnkeypress="catchMP(event,this)">  
<option>2</option>  
<option>3</option>  
</select>

没什么难的

fromCharCode()将Unicode码转换为对应的字符并返回为字符串

这个ff下没有中文的输入    唉  不兼容的东西感觉都没啥用呀,......

发表评论取消回复

表情：

评论列表（有 0 条评论，126人围观）

还没有评论，来说两句吧...

相关阅读

相关近期的羊毛本快乐拉呀拉呀拉

近期经常有人找我要XXX本，搞不过来，整理了下近期网络上流传的有毛的，时效性不保证，有效性的话就luobo的美团有个依赖装不上自己摸索，其余OK。 ↓↓↓ 以下收集自网络 ↓

╰半夏微凉°/ 2024年03月17日 16:17/ 0 赞/ 53 阅读

相关 Optional常用操作

@Test public void test7() { String onlineShopId = ""; // As

朱雀/ 2022年12月16日 13:15/ 0 赞/ 121 阅读

相关 “小朋友”们节日快乐呀~

![7c9f36134af66b2b68ba6e4b85b70861.png][] 大家好，我是雄雄，欢迎关注微信公众号：雄雄的小课堂。今天是六月一日——儿童节，看了看朋

朴灿烈づ我的快乐病毒、/ 2022年10月17日 11:19/ 0 赞/ 186 阅读

相关 Option操作呀。

Md 昨天写的太长了结果没有保存住，只好今天重写了，太阳呀。。。 1)清空options obj.options.length=0 <script> func

刺骨的言语ヽ痛彻心扉/ 2022年08月24日 04:23/ 0 赞/ 127 阅读

相关转：jquery获得select option的值和对select option的操作

[转：jquery获得select option的值和对select option的操作][jquery_select option_ _select option]

阳光穿透心脏的1/2处/ 2022年08月18日 01:52/ 0 赞/ 219 阅读

相关瓣呀，一个开源项目

瓣呀，一个非官方的豆瓣app 源码下载： [https://github.com/forezp/banya][https_github.com_forezp_banya]

我就是我/ 2022年07月16日 10:46/ 0 赞/ 186 阅读

相关 SMART还真是“深入人心”呀！

文章识别码：\[557B3ECC50CBE7683040FC3B3034061DC87DA5FDA6DB5CB1A229310E90617AB4C694419C38\] 最近

阳光穿透心脏的1/2处/ 2022年05月28日 05:28/ 0 赞/ 104 阅读

相关 jquery获得select option的值和对select option的操作

<table style="table-layout:fixed;"> <tbody> <tr> <td> <div> <p><s

╰+哭是因爲堅強的太久メ/ 2021年11月22日 09:38/ 0 赞/ 356 阅读

相关 js 操作select和option

[js 操作select和option][js _select_option] 1.动态创建select function createSelect()\{

左手的ㄟ右手/ 2021年09月25日 16:32/ 0 赞/ 381 阅读

相关你qq多少呀

如题

xs/ 2021年01月21日 13:12/ 1 赞/ 1110 阅读