【问题标题】:Chosen.js get value by textChosen.js 通过文本获取值
【发布时间】:2018-03-28 15:10:51
【问题描述】:

我有一个选择的选项,我想通过使用它们的文本值来获取选择选项的值。 https://harvesthq.github.io/chosen/这是选择的选择,它将选择字段替换为更高级的字段。

所以我知道如何用一个值更新选择的选择,但由于某种原因,选择的 js 库删除了这些值并用数字替换它们。

<select name="customProductData[4][5]" class="vm-chzn-select chzn-done" id="selOIG" style="display: none;">
    <option value="0">Choose an option</option>
    <option value="5">Green</option>
    <option value="8">Brown</option>
    <option value="7">Black</option>
    <option value="6">Red</option>
    <option value="9">Blue </option>
</select>

这是我的选择,您会看到带有值的文本

没问题,但现在我有了文本,我需要对应的值。

jQuery('select').val(17);
jQuery('select').trigger("liszt:updated");

这是使用值进行更新的方法,效果很好。但现在我必须通过文本来获取价值。我得到了这个,但这不起作用,可能是因为它的 selected.js:

console.log($('select').find('option[text="'+ colorThing +'"]').val());
console.log($('select option').filter(function () { return $(this).html() == colorThing; }).val());

其中 colorThing 是我要在选择的选择框中查找的文本。

任何人都知道如何用文本更新所选内容,或通过文本获取所选内容的值。

【问题讨论】:

  • 你的意思是$('select option:selected').text()?
  • 我认为您可能需要重新编写您的问题,因为您的意思还不清楚。 Chosen.js 到底是什么?
  • 等等,我问了几个关于选择这里的问题,从来都不是问题。 harvesthq.github.io/chosen 众所周知?
  • 从我在文档中快速阅读的内容来看,jQuery('select').trigger("liszt:updated"); 实际上应该是 jQuery('select').trigger("chosen:updated");,如果您的下拉列表实际上是调用 liszt,那么 jQuery('#liszt').trigger("chosen:updated");

标签: javascript jquery jquery-chosen


【解决方案1】:

试试这个。 如果我找到更好的解决方案,我会发布它

$.each($("#SupplyChainType")[0].options,function(index,value){

if(value.innerHTML=="Overage")
{
    x=value.value
}

})

【讨论】:

  • 我不想追加,我想获取现有Chosen.js选择框的值。我有与该值对应的文本,但是如何根据该文本检索它?
  • 完成我已经添加了选择字段
  • 我有文本,我有文本蓝色。现在我想用这个文本检索那个值。那是我的问题。我想检索与我的文本值(蓝色)对应的值(9)
  • $.each($("#SupplyChainType")[0].options,function(index,value){ if(value.innerHTML=="Overage") { x=value.value } })
  • 谢谢,这给了我提出解决方案的入口。我会用我自己的答案更新可能的问题
【解决方案2】:

我在 Sandeep V 的帮助下找到了答案:

$("select option").each(function(index,value)
{

    if(value.innerHTML.trim()==colorThing.trim())
    {

       correctValue=value.value
    }
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-09-07
    • 2013-12-01
    • 2016-05-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-01
    相关资源
    最近更新 更多