Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript或jquery从选择框选项的第一个选项中清空值?_Javascript_Jquery - Fatal编程技术网

如何使用javascript或jquery从选择框选项的第一个选项中清空值?

如何使用javascript或jquery从选择框选项的第一个选项中清空值?,javascript,jquery,Javascript,Jquery,这是我的密码。是否可以使用jquery/javascript清空第一个选项的值 <select id="select_1" name="select_1" class="category-select required"> <option value="0">Select category</option> <option value="1">Phones</option> <option value="2">Compute

这是我的密码。是否可以使用jquery/javascript清空第一个选项的值

<select id="select_1" name="select_1" class="category-select required">
<option value="0">Select category</option>
<option value="1">Phones</option>
<option value="2">Computers</option>
<option value="3">Tablets</option>
</select>

要以集合的第一个元素为目标,请使用:first。然后可以使用val从中删除值:

$'select_1 option:first'.val; 选择类别 电话 计算机 平板
您可以使用普通javascript来获取select元素的第一个选项,使用.options,如so,返回索引集合,因此您只需使用基于零的索引来获取第一个选项并设置其值属性:

document.getElementById("select_1").options[0].value = '';
这个程序将继续删除第一个选项时,任何按钮将被点击

$(document).ready(function (){


   $('#select_1 option:first').remove();


});

这将在加载页面时删除它。在不保留该选项的情况下,它将填充下一个选项。

您这样做是为了回答自己的问题吗?否,我将删除我的答案,因为它部分解决了问题。检查下面…我将添加一条注释。根据您的问题,我认为您提供的答案可以满足您的要求,您提供的答案有什么问题?问题是,如果等于零值=0,我的代码将清空该值。我想要的是清空第一个选项的值,不管该值是0还是其他值。@Designer我相信Rory是第一个回答的,所以他应该得到接受答案的分数,但是如果你想使用纯javascript而不是依赖JQuery库,此答案将提供您所需的。或$'select_1'。查找'option'。first.val;由于jQuery使用从右到左的sizzle引擎处理,我更喜欢它。不应该是$'select_1'。查找'option'。first.val?更多关于上下文和我的评论的详细信息,但是是的,任何一个都可以,只有在非常大的DOM或微优化页面上才有相关性,或者是在显示更多信息的真正的旧浏览器上
document.getElementById("select_1").options[0].value = '';
<script>
$(document).ready(function (){

 $('#btnremoveoption').click(function (){
   $('#select_1 option:first').remove();
 });

});

</script>
<body>
    <select id="select_1" name="select_1" class="category-select required">
      <option value="0">Select category</option>
      <option value="1">Phones</option>
      <option value="2">Computers</option>
      <option value="3">Tablets</option>
    </select>
<input type="button" id="btnremoveoption" value="Click to Remove all Options" onclick="Remove_options()"/>
</body>
$(document).ready(function (){


   $('#select_1 option:first').remove();


});