[英]How to delete the selected option using title attribute of select tag
I want to delete the first option of the selected and I have selected tag id and class but the problem is selected class and id is changing when I open the form of different-2 event.and class "r" of selected tag is using more than one time different-3 drop down of form. 我想删除所选的第一个选项,并且选择了标签ID和类别,但是问题是当我打开different-2 event的形式时,所选的类别和ID正在更改。并且所选标签的类别“ r”正在使用更多标签比一次不同的3下拉表单要多。
I want to remove the selected option using title attribute of selected tag. 我想使用选定标签的标题属性删除选定的选项。
If any other way to resolved this type of problem please share. 如果有其他解决此类问题的方法,请分享。
<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>
I want to delete 我要删除
<option value="">Select One </option>
you can add the hidden attribute: 您可以添加hidden属性:
<option value="" hidden>Select One</option>
this will result in being the default selected value but you can't select it in the dropdown 这将成为默认的选定值,但您不能在下拉菜单中选择它
Example: 例:
<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>
The hidden attribute can also be used to keep a user from seeing an element until some other condition has been met (like selecting a checkbox, etc.). hidden属性还可以用于阻止用户看到元素,直到满足某些其他条件(如选择复选框等)为止。
The hidden attribute is new in HTML5. hidden属性是HTML5中的新增属性。
Source: http://www.w3schools.com/tags/att_global_hidden.asp 资料来源: http : //www.w3schools.com/tags/att_global_hidden.asp
Here is how to select using class and title in plain JavaScript 这是在普通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>
Ditto in jQuery 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>
In your scenario if select box's id is changing dynamically then you can achieve this with it's class name like below 在您的方案中,如果选择框的ID是动态变化的,则可以使用如下所示的类名来实现
$(".r option[value='']").each(function() {
$(this).remove();
});
If you want to delete it by using ID then you can do it like this.. 如果要使用ID删除它,则可以这样做。
$("#DROPDOWN_735 option[value='']").each(function() {
$(this).remove();
});
Or 要么
$("select option[value='']").each(function() {
$(this).remove();
});
Try this 尝试这个
$(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>
Hope it will be useful. 希望它会有用。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.