                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎(三)—事件篇

正常項目里下拉選框會有兩個值一個是Name屬性也就是名字還有一個ID 也就是編號，請問怎么用change 取到這兩個值還有賦值的話怎么賦值

最好吧賦值的代碼也發一下，? 實現的內容是? 我在下拉選框點擊后?? 下拉選框哪里顯示的是我點擊的名字，? 后面有一個Input輸入框 hidden 屬性的，需要獲取到下拉選框點擊的那個的ID

慕仙4426018

2019-04-06

源自：jQuery基礎(三)—事件篇 3-2

關注問題我要回答

1488

操作

收起

3 回答

keydew
2019-05-14

如果我沒理解錯題主的意思，應該可以通過下面的方法實現，我試了下是可以的，下面舉例獲取name值的：

首先這是select元素的html內容：

<div?class="aaron1">select：
????????????<select?class="target2">
????????????????<option?name="name1"?value="option1"?selected="selected">Option?1</option>
????????????????<option?name="name2"?value="option2">Option?2</option>
????????????</select>
</div>

然后我們在script里寫的change事件調用的方法：

<script>
????//監聽select：
????$(".target2").change(function(e)?{
????????var?op?=?$(this).children('option:checked');?//找到當前元素的子元素中選中狀態的option元素
????????$("#result").html(op.attr("name"));?//獲取op元素的name屬性值
????})
</script>

如果是要獲取id的值，把上面輸出賦值語句中的op.attr("name")換成op.attr("id")就可以了。

1 回復有任何疑惑可以回復我~

收起回答

Coding青天
2019-05-12

?var id = s.split(".")[0];

? ? ? ? ? ? var city = s.split(".")[1];

這里split方法里面應該是 “ : ”冒號吧！

0 回復有任何疑惑可以回復我~

收起回答

qq_Sakuragi10_0
2019-04-09

寫了一下，感覺就是對字符串操作。。。不知道是不是你想要的。代碼如下，希望有幫助。。

<!DOCTYPE html>
<html>

<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <style>
? ? .hide {
? ? ? ? display: none;
? ? }
? ? </style>
? ? <script src="http://www.xianlaiwan.cn/static/lib/jquery/1.9.1/jquery.js"></script>
</head>

<body>
? ? <h2>change</h2>
? ? <select class="selection">
? ? ? ? <option>1.New York</option>
? ? ? ? <option>2.Shanghai</option>
? ? ? ? <option>3.London</option>
? ? </select>
? ? <input id="info" type="text" class="hide" value="id:1 city:New York"/>
? ??
? ? <script>
? ? ? ? $(".selection").focusin(function(e){
? ? ? ? ? ? $(this).siblings('input:first').css('display','inline-block');
? ? ? ? ? ? var s = e.target.value;
? ? ? ? ? ? var id = s.split(".")[0];
? ? ? ? ? ? var city = s.split(".")[1];
? ? ? ? ? ? inp.val("id:"+id+" city:"+city);
? ? ? ? })
? ??
? ? ? ? $(".selection").change(function(e){
? ? ? ? ? ? var inp = $(this).siblings('input:first');
? ? ? ? ? ? var s = e.target.value;
? ? ? ? ? ? var id = s.split(".")[0];
? ? ? ? ? ? var city = s.split(".")[1];
? ? ? ? ? ? inp.val("id:"+id+" city:"+city);
? ? ? ? })
? ? ? ??
? ? ? ? $("#info").change(function(e){
? ? ? ? ? ? var id = e.target.value.split(" ")[0].split(":")[1];
? ? ? ? ? ? var op = $(this).prev().children(":eq("+(id-1)+")").attr('selected','true');
? ? ? ? })
? ? </script>
? ??
</body>

</html>

0 回復有任何疑惑可以回復我~

收起回答

舉報

0/150

提交

取消

jQuery基礎(三)—事件篇

參與學習 89987 人
解答問題 645 個

jQuery第三階段開啟事件修煉，掌握對頁面進行交互的操作

進入課程

本課相似問答

1 回答這個函數是怎么區分冒泡和觸發的呢？就一個定時器，沒有像e.pageX這樣還有個對象證明？求詳解e

7 回答e.target.value 假如我想輸出我選中的那幾個文字而不是value值，那該怎么寫

5 回答keydown與keyup為什么長按一個鍵，總是會顯示？我看有同學也有這個問題，但沒有好的回答，有人會嗎？下面是代碼。

3 回答為什么監聽keydown實例中, 按下下一個鍵, 才會出現前一個鍵的值?

1 回答這一節中沒有鍵碼值相關的代碼但是敲回車也能提交是為什么呢

搜索更多本課相關問答

正常項目里下拉選框會有兩個值一個是Name屬性也就是名字還有一個ID 也就是編號，請問怎么用change 取到這兩個值還有賦值的話怎么賦值

我要回答關注問題

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

正常項目里 下拉選框會有兩個值 一個是Name屬性 也就是名字 還有一個ID 也就是編號，請問怎么用change 取到這兩個值 還有賦值的話怎么賦值

3 回答

本課相似問答

正常項目里 下拉選框會有兩個值 一個是Name屬性 也就是名字 還有一個ID 也就是編號，請問怎么用change 取到這兩個值 還有賦值的話怎么賦值

正常項目里下拉選框會有兩個值一個是Name屬性也就是名字還有一個ID 也就是編號，請問怎么用change 取到這兩個值還有賦值的話怎么賦值

正常項目里下拉選框會有兩個值一個是Name屬性也就是名字還有一個ID 也就是編號，請問怎么用change 取到這兩個值還有賦值的話怎么賦值