獲取附加類的屬性

-2

使用下面的函數我正在刪除一種屬於以下格式的行。獲取附加類的屬性

<div class="col-sm-3"> 
    <select name="search_field_option[]" id="selectCount_3" class="form-control" onchange="removeSelected(this, 'ref_no')"> 
     <option value="ref_no">Refer ID</option> 
     <option value="email">Email ID</option> 
     <option value="name">Name</option> 
     <option value="address">Address</option> 
    </select> 
</div>

我正在使用jquery append來生成行。並刪除它時，我正在使用以下功能將其刪除。

function removeRow(removeNum) { 
    $('#rowCount' + removeNum).remove(); 
}

在刪除它之前，如果我想捕獲該行中的選定選項，我該怎麼做？例如，如果我刪除選定的選項是電子郵件的行，我怎麼能抓住它？

來源

2015-08-17 S. M. Shahinul Islam

其中是id爲'rowCount'，您在jQuery選擇器中使用的html元素。 –

@ Alvi_1987什麼是'ref_no'。？ –

您還引用了'removeRow'函數，但引用了'onchange'中的'removeSelected'函數的HTML，該函數顯然不僅具有不同的名稱，而且具有不同的簽名。那個'removeSelected'與這個問題有關嗎？ –

當您更改選擇下拉觸發功能getSelected()並通過this節點，然後找到具有jQuery is(':selected')屬性的子級。然後你可以使用.val()或.text()分別獲得顯示文本的價值，並用它

function getSelected(node,x) { 
 
    var selected = ($(node).find(':selected').val()); 
 
    alert(selected); 
 
    //call your remove here 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-sm-3"> 
 
    <select name="search_field_option[]" id="selectCount_3" class="form-control" onchange="getSelected(this, 'ref_no')"> 
 
     <option value="ref_no">Refer ID</option> 
 
     <option value="email">Email ID</option> 
 
     <option value="name">Name</option> 
 
     <option value="address">Address</option></select> 
 
</div>

試試這個。這個電話後，你可以打電話刪除行或您的邏輯

來源

2015-08-17 09:48:18 joyBlanks

代碼轉儲不是很有用。說*你做了什麼，以及*爲什麼*。 –

我也不完全清楚'onchange'處理程序是什麼刪除行（問題很不清楚）。 –

刪除它之前，如果我想趕上該行中選定的選項我該如何行事？

好了，只要$('#rowCount'+removeNum)所討論的結構（沒有元素和id就像你引用標記rowCountNNN），那麼你會使用find內找到它的select，並val得到真正匹配select的值：

function removeRow(removeNum) { 
    var row = $('#rowCount'+removeNum); 
    var val = row.find("select").val(); 
    row.remove(); 
    // ...use val... 
}

來源

2015-08-17 09:48:51

獲取附加類的屬性

回答

相關問題