[英]How to make option selected necessary in select tag with multiple attribute
[英]How to delete the selected option using title attribute of select tag
我想刪除所選的第一個選項,並且選擇了標簽ID和類別,但是問題是當我打開different-2 event的形式時,所選的類別和ID正在更改。並且所選標簽的類別“ r”正在使用更多標簽比一次不同的3下拉表單要多。
我想使用選定標簽的標題屬性刪除選定的選項。
如果有其他解決此類問題的方法,請分享。
<select name="DROPDOWN_735" class="r" id="DROPDOWN_735" title="State*">
<option value="">Select One </option>
<option value="Michigan"> Michigan</option>
<option value="Alabama"> Alabama</option>
<option value="Alaska"> Alaska</option>
<option value="Arizona"> Arizona</option>
<option value="Arkansas"> Arkansas</option>
<option value="California"> California</option>
<option value="Colorado"> Colorado</option>
<option value="Connecticut"> Connecticut</option>
<option value="Delaware"> Delaware</option>
<option value="Florida"> Florida</option>
<option value="Georgia"> Georgia</option>
</select>
我要刪除
<option value="">Select One </option>
您可以添加hidden屬性:
<option value="" hidden>Select One</option>
這將成為默認的選定值,但您不能在下拉菜單中選擇它
例:
<select name="DROPDOWN_735" class="r" id="DROPDOWN_735" title="State*"> <option value="" hidden>Select One</option> <option value="Michigan">Michigan</option> <option value="Alabama">Alabama</option> <option value="Alaska">Alaska</option> <option value="Arizona">Arizona</option> <option value="Arkansas">Arkansas</option> <option value="California">California</option> <option value="Colorado">Colorado</option> <option value="Connecticut">Connecticut</option> <option value="Delaware">Delaware</option> <option value="Florida">Florida</option> <option value="Georgia">Georgia</option> </select>
hidden屬性還可以用於阻止用戶看到元素,直到滿足某些其他條件(如選擇復選框等)為止。
hidden屬性是HTML5中的新增屬性。
這是在普通JavaScript中使用類和標題進行選擇的方法
window.onload=function() { var sel = document.querySelector("select.r[title='State*']"); console.log(sel); sel.options[0]=null; }
<select name="DROPDOWN_735" class="r" id="DROPDOWN_735" title="State*"> <option>Please select State</option> <option>option 1</option> </select> <select name="DROPDOWN_735" class="r" id="DROPDOWN_735" title="NotState*"> <option>Please select Not State</option> <option>option 1</option> </select>
jQuery中的同上
$(function() { var $options = $("select.r[title='State*'] option"); $options.eq(0).remove(); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <select name="DROPDOWN_735" class="r" id="DROPDOWN_735" title="State*"> <option>Please select State</option> <option>option 1</option> </select> <select name="DROPDOWN_735" class="r" id="DROPDOWN_735" title="NotState*"> <option>Please select Not State</option> <option>option 1</option> </select>
在您的方案中,如果選擇框的ID是動態變化的,則可以使用如下所示的類名來實現
$(".r option[value='']").each(function() {
$(this).remove();
});
如果要使用ID刪除它,則可以這樣做。
$("#DROPDOWN_735 option[value='']").each(function() {
$(this).remove();
});
要么
$("select option[value='']").each(function() {
$(this).remove();
});
嘗試這個
$(document).ready(function() { $("select[title='State*'] option:first-child[value='']").remove(); })
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script> <select name="DROPDOWN_735" class="r" id="DROPDOWN_735" title="State*"> <option value="">Select One </option> <option value="Michigan"> Michigan</option> <option value="Alabama"> Alabama</option> <option value="Alaska"> Alaska</option> <option value="Arizona"> Arizona</option> <option value="Arkansas"> Arkansas</option> <option value="California"> California</option> <option value="Colorado"> Colorado</option> <option value="Connecticut"> Connecticut</option> <option value="Delaware"> Delaware</option> <option value="Florida"> Florida</option> <option value="Georgia"> Georgia</option> </select> <select name="DROPDOWN_735" class="r" id="DROPDOWN_735" title="State*"> <option value="">Select One </option> <option value="Michigan"> Michigan</option> <option value="Alabama"> Alabama</option> <option value="Alaska"> Alaska</option> <option value="Arizona"> Arizona</option> <option value="Arkansas"> Arkansas</option> <option value="California"> California</option> <option value="Colorado"> Colorado</option> <option value="Connecticut"> Connecticut</option> <option value="Delaware"> Delaware</option> <option value="Florida"> Florida</option> <option value="Georgia"> Georgia</option> </select>
希望它會有用。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.