首页 \ 问答 \ jQuery：按值选择选项元素(jQuery: Selecting option elements by their value)

jQuery：按值选择选项元素(jQuery: Selecting option elements by their value)

 如果它们的值为“1”，我想从某些选择框中删除特定选项（所有选项都具有相同的值）。 问题是，我很难将元素过滤到特定值。  
 目前，我最接近的是  
$('.demoClass').find('option:contains(1)').remove();
 
 但有两个问题。 首先，这似乎迭代了选项的（显示的）内容，而不是它的值......其次，它似乎返回true，内容包含该值，而不是该值。 （例如，包含（1）将为（1,10,11,12）返回true ...当我希望它仅为“1”返回true时）  
 简而言之，我要做的是在类“.demoClass”的所有选择框中找到值为X的时间段选项并删除它们。 任何建议赞赏。 

I'd like to remove a specific option from some select boxes (all with the same values) if their value is "1". The problem is, I'm having difficulty filtering elements down to that specific value. 
At the moment, the closest I've got is 
$('.demoClass').find('option:contains(1)').remove();
 
but there are two problems. Firstly, this seems to iterate over the (displayed) contents of the option, not its value...and secondly, it seems to return true the contents contain that value, as opposed to being that value. (Eg contains(1) will return true for (1, 10, 11, 12)...when I want it to return true for "1" only) 
In short, what I'm looking to do is find the timeslot option with value X inside all select boxes of class ".demoClass" and remove them. Any suggestions appreciated.

原文：https://stackoverflow.com/questions/5643966

更新时间：2023-05-03 17:05

最满意答案

 经过多次反复试验，我找到了罪魁祸首。 至少在我的情况下。 对于我的剑道文本框，我设置了最大尺寸。 而不是像999亿这样设置它我将它设置为Decimal.MaxValue和Int32.MaxValue。 Chrome不喜欢这样并发出内存溢出。 有这个的两个部分是：  
 <div class="row">
    <div class="col-md-6">
        @Html.LabelFor(i => i.MonataryValue)<br />
        @Html.Kendo().NumericTextBoxFor(i => i.MonataryValue).Decimals(2).Format("c").Placeholder("$ 0.00").Max(Decimal.MaxValue).Min(0).Spinners(false).HtmlAttributes(new { style = "width:100%" })
    </div>
    <div class="col-md-6">
        @Html.LabelFor(i => i.MonataryValueRecovered)<br />
        @Html.Kendo().NumericTextBoxFor(i => i.MonataryValueRecovered).Decimals(2).Format("c").Placeholder("$ 0.00").Max(Decimal.MaxValue).Min(0).Spinners(false).HtmlAttributes(new { style = "width:100%" })
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="col-md-12">@Html.LabelFor(i => i.Weight)</div>
        <div class="col-md-3">@Html.Kendo().NumericTextBoxFor(i => i.Weight).Decimals(2).Placeholder("0.00").Max(Decimal.MaxValue).Min(0).Spinners(false).HtmlAttributes(new { style = "width:100%" })</div>
        <div class="col-md-9">
            @Html.TextBoxFor(m => m.UnitofWeight, new { @class = "form-control" })
        </div>
    </div>
    <div class="col-md-6">
        @Html.LabelFor(i => i.Quantity)<br />
        @Html.Kendo().NumericTextBoxFor(i => i.Quantity).Decimals(2).Placeholder("0.00").Spinners(false).Max(Int32.MaxValue).Min(0).HtmlAttributes(new { style = "width:100%" })
    </div>
</div>
 
 我已经将它们调整到更小的值，它没有问题，这可能只是一个kendo限制。 

So after much trial and error i have found the culprit. At least in my case. For my kendo textboxes i was setting a max size. Instead of setting it so something like 999 billion i set it to Decimal.MaxValue and Int32.MaxValue. Chrome did not like this and issued a memory overflow. the two sections that had this in it were: 
 <div class="row">
    <div class="col-md-6">
        @Html.LabelFor(i => i.MonataryValue)<br />
        @Html.Kendo().NumericTextBoxFor(i => i.MonataryValue).Decimals(2).Format("c").Placeholder("$ 0.00").Max(Decimal.MaxValue).Min(0).Spinners(false).HtmlAttributes(new { style = "width:100%" })
    </div>
    <div class="col-md-6">
        @Html.LabelFor(i => i.MonataryValueRecovered)<br />
        @Html.Kendo().NumericTextBoxFor(i => i.MonataryValueRecovered).Decimals(2).Format("c").Placeholder("$ 0.00").Max(Decimal.MaxValue).Min(0).Spinners(false).HtmlAttributes(new { style = "width:100%" })
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="col-md-12">@Html.LabelFor(i => i.Weight)</div>
        <div class="col-md-3">@Html.Kendo().NumericTextBoxFor(i => i.Weight).Decimals(2).Placeholder("0.00").Max(Decimal.MaxValue).Min(0).Spinners(false).HtmlAttributes(new { style = "width:100%" })</div>
        <div class="col-md-9">
            @Html.TextBoxFor(m => m.UnitofWeight, new { @class = "form-control" })
        </div>
    </div>
    <div class="col-md-6">
        @Html.LabelFor(i => i.Quantity)<br />
        @Html.Kendo().NumericTextBoxFor(i => i.Quantity).Decimals(2).Placeholder("0.00").Spinners(false).Max(Int32.MaxValue).Min(0).HtmlAttributes(new { style = "width:100%" })
    </div>
</div>
 
I have adjusted them to much smaller values and it comes through without issue, This may just be a kendo limitation.

jQuery：按值选择选项元素(jQuery: Selecting option elements by their value)

最满意答案

相关问答

GNU的Java编译器（GCJ）死了吗？(Is GNU's Java Compiler (GCJ) dead? [closed])[2023-01-20]

身份不明的他死了吉姆问题(Unidentified He's Dead Jim issue)[2022-08-30]

wxHaskell死了吗？(Is wxHaskell dead? [closed])[2021-07-01]

如果Hessian死了，那么应该使用什么呢？(If Hessian is Dead, what should one use instead?)[2022-11-21]

iframe死了吗？(Is iframe dead?)[2022-05-20]

nVidia的Cg死了吗？(Is nVidia's Cg dead?)[2024-01-14]

Pidfile存在，但进程已经死了(Pidfile exists, but process is dead)[2023-04-29]

身份不明的问题(Unidentified issue)[2023-06-06]

蟒蛇;(Python; Troubles controlling dead sockets through select)[2023-07-20]

在linux中死java线程发生了什么？(What happened to dead java thread in linux?)[2021-10-23]

相关文章

最新问答