iT邦幫忙

0

取得input的值 相同id怎麼解決

不好意思各位大大,因為相同id,只會取第一個,

因為是用巡覽出來的,改弄.class也是一樣,有什麼辦法指向第二個帶入value

圖片裡面的input的值 是我取來當作動態取值 並Get到的網址去下載 我想要我點選第二個按鈕
去取值在改變Get的網址

https://ithelp.ithome.com.tw/upload/images/20191001/20121722iu9nL2JAxm.png

 @foreach (var i in Model.Project)
                {
<div class="col-lg-4  col-md-6  mt-3">
<div class="card ml-2 h-100">
<img src="~/img/top/@i.fImg" class="card-img-top">
<div class="line1 mt-2">
<div class="d-inline mb-2">旅遊天數:  @i.fDay</div>
 <div class="d-inline float-right mb-2">出發日期:@i.fTime</div>
</div>
  <div class="card-body"><h6 class="card-text">
  @i.fTrip</h6></div>

<div class="myline"><div class="d-inline"  id="mytable">
                                    
<input type="hidden" value="@i.fFgroup" id="fFgroupID" />
<span class="btn btn-primary w-40" data-toggle="modal" data-target="#exampleModalCenter">航班</span></div>

<div class="d-inline float-right mt-2"><h6>機位:@i.fPosition</h6></div></div>
  <div></div>
<div class="myline">
<div class="d-inline "><a href="#" class="btn btn-primary w-40">報名</a></div>

  <div class="d-inline float-right text-danger mt-2 h5"><span>$</span>@i.fPrice <span>起</span></div>
                            </div>
                        </div>
                    </div>
                }
<script>

    $("#mytable").click(function () {
        var fid = $("#fFgroupID").val();
        alert(fid)
        $.ajax({
            url: 'http://localhost:58852/Home/GetAviations/?fid=' + encodeURI(fid),
            type: 'GET',
            success: function (data) {
                $("#tableshow").empty();
                for (var i = 0; i < data.length; i++) {
                    $("#tableshow").append
                        (
                        "<tr>"+
                            "<th>"+"天數"+"</th>"+
                            "<th>" + "航空公司" + "</th>" +
                            "<th>" + "起飛時間" + "</th>" +
                            "<th>" + "降落時間" + "</th>" +
                            "<th>" + "出發地" + "</th>" +
                            "<th>" + "目的地" + "</th>" +
                        "<tr>"+
                        "<tr>" +
                        "<td>" + data[i].fDay + "</td>" +
                        "<td>" + data[i].fAirline + "</td>" +
                        "<td>" + data[i].fAonetime+ "</td>" +
                        "<td>" + data[i].fAendtime + "</td>" +
                        "<td>" + data[i].fDeparure + "</td>" +
                        "<td>" + data[i].fDestination + "</td>" +
                        "</tr>" +
                        "<tr>" +
                        "<td>" + data[i].fDay + "</td>" +
                        "<td>" + data[i].fAirline + "</td>" +
                        "<td>" + data[i].fBonetime + "</td>" +
                        "<td>" + data[i].fBendtime + "</td>" +
                        "<td>" + data[i].fDestination + "</td>" +
                        "<td>" + data[i].fDeparure + "</td>" +
                        "</tr>"
                        );
                }
            }
        })
    })

</script>
看更多先前的討論...收起先前的討論...
slime iT邦大師 1 級 ‧ 2019-10-01 11:12:29 檢舉
ID 重複是指那一個項目的 ID ?

以應用上來說, 比如某一"團", 該團會有一個 ID , 但該"團"可能有"多個機次", "多個成員".

則要"列舉該團內成員", 應該先把"符合該團的成員清單", 建立一個暫存區(存到陣列等方式), 再對暫存區做整理(剔除重複項目等), 然後才把整理後的項目列出來.
ad021335 iT邦新手 5 級 ‧ 2019-10-01 12:18:03 檢舉
謝謝回答
CSS 偽類 :nth-child(n) 搜尋 css nth-child JS 你會發現很多範例
ad021335 iT邦新手 5 級 ‧ 2019-10-02 20:56:19 檢舉
感謝回復謝謝
2
小魚
iT邦大師 1 級 ‧ 2019-10-01 11:18:56
最佳解答

或許可以考慮不要用jQuery的click,
改用

<div class="d-inline"  id="mytable" onclick="TableClick('@i.fFgroup')">

然後

<script>
function TableClick(num)
{
   //... ...
}
</script>
看更多先前的回應...收起先前的回應...
ad021335 iT邦新手 5 級 ‧ 2019-10-01 11:32:12 檢舉

我研究一下下,onclick這樣是變成,按鈕1就是1的 2就是2的嗎,
這樣我不太懂要怎麼呼叫ajax的函式,還是在包進去就好了/images/emoticon/emoticon06.gif

在function裡面寫帶入變數就可以了

小魚 iT邦大師 1 級 ‧ 2019-10-01 11:35:36 檢舉

是帶變數在function裡面, 然後利用變數去做處理.
每種程式語言都有類似的語法,
感覺起來你好像是程式語言的新手呦~
你還是先把JavaScript的基本語法先學過一遍吧...

YoChen iT邦新手 3 級 ‧ 2019-10-01 11:59:07 檢舉

推推

2
dragonH
iT邦大師 1 級 ‧ 2019-10-01 11:04:55

首先 id 不應該重複

所以解決的方法

就是解決製造問題的人

就是改用其他的

e.g. name, class

然後

或許可以大概說一下你想達到的目的

ad021335 iT邦新手 5 級 ‧ 2019-10-01 11:15:21 檢舉

不好意思我在改一下我要的意思

dragonH iT邦大師 1 級 ‧ 2019-10-01 11:48:31 檢舉

ad021335

你可以用 data-id

codepen

或者動最少的 code

可以用 children() 去找 fFgroupID

ad021335 iT邦新手 5 級 ‧ 2019-10-01 12:18:21 檢舉

謝謝回答

2
咖冰拉
iT邦新手 4 級 ‧ 2019-10-01 11:10:46
 <input type="hidden" value="@i.fFgroup" id="@i.fFgroupID" />

你上面是用@foreach
這樣應該就能區別了

這看起像PHP..

小魚 iT邦大師 1 級 ‧ 2019-10-01 11:11:50 檢舉

我覺得...
比較像ASP.NET MVC...
PHP都是$開頭的,
(錢先生)

咖冰拉 iT邦新手 4 級 ‧ 2019-10-01 11:12:58 檢舉

/images/emoticon/emoticon02.gif

ad021335 iT邦新手 5 級 ‧ 2019-10-01 11:14:26 檢舉

我是用ASP.NET MVC 因為我比較不習慣用自動生成的

1
listennn08
iT邦新手 4 級 ‧ 2019-10-01 11:25:20

用class要用迴圈去帶
sample

ad021335 iT邦新手 5 級 ‧ 2019-10-01 12:17:49 檢舉

謝謝回答

我要發表回答

立即登入回答