相关疑难解决方法(0)

我有一个选择控件,在一个javascript变量中我有一个文本字符串.

使用jQuery我想将select控件的selected元素设置为具有我所拥有的文本描述的项目(而不是我没有的值).

我知道按值设置它是非常微不足道的.例如

$("#my-select").val(myVal);

但是通过文字描述我有点难过.我想必须有一种从文本描述中获取价值的方法,但是我的大脑在星期五下午也可以解决它.

$('#mySelectBox option').each(function() {
    if ($(this).isChecked())
       alert('this option is selected');
     else
       alert('this is not');
});

显然,这isChecked不起作用.所以我的问题是这样做的正确方法是什么？谢谢.

答案:var option_user_selection = element.options[element.selectedIndex].text

我正在尝试建立一个填写一个人订单的表单.

<form name="food_select">
    <select name="maincourse" onchange="firstStep(this)">
        <option>- select -</option>
        <option text="breakfast">breakfast</option>
        <option text="lunch">lunch</option>
        <option text="dinner">dinner</option>
    </select>
</form>

我要做的是发送选择对象,从选项菜单和选项标签中的数据中提取名称和文本/值.

function firstStep(element) {
    //Grab information from input element object
    /and place them in local variables
    var select_name = element.name;
    var option_value = element.value;
}

我可以获取名称和选项值,但我似乎无法从select对象中获取text =""或value ="".我只需要用户选择的选项菜单中的文本/值.我知道我可以将它们放在一个数组中,但这没有用

var option_user_selection = element.options[ whatever they select ].text 

我还需要使用传入的select引用,因为它是在我的其余代码中设置的.

稍后,该文本/值将用于提取将动态填充下一个选择表单的XML文档.

我正在使用Bootstrap 3.0.2和Bootstrap-select插件.

这是我的选择列表:

<select class="selectpicker" data-live-search="true" data-size="7">
  <option>Petr Karel</option>
  <option>Honza Novák</option>
  <option>David Egydy</option>
  <option>Sláva Ková?</option>
  <option>Hana Skalická</option>
  <option>Simona Kolá?ová</option>
  <option>Kate?ina Sychová</option>
  <option>Amálka Sychová</option>
  <option>Jana Sychová</option>
  <option>Magdaléna Sychová</option>
  <option>Tereza Sychová</option>
  <option>Bohdana Sychová</option>
</select>

这是我的JavaScript:

//inicialization of select picker
$('.selectpicker').selectpicker();

//on change function i need to control selected value
$('select.selectpicker').on('change', function(){
   var selected = $('.selectpicker option:selected').val();
   alert(selected);
});

问题

我的问题是改变功能不起作用.它没有做任何事情,我自己找不到解决方案.

如果我把它放入文件准备而不是改变功能它似乎工作.所以我想我在某处犯了错误:

$('select.selectpicker').on('change', function(){

我也尝试过只使用:

$('.selectpicker').on('change', function(){

没有这个选择前缀但没有任何变化.

UPDATE

解决方案是将jquery代码放入document.ready().感谢Kartikeya

我的引导程序菜单中有下拉列表.

<li class="dropdown">
<a aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown" class="dropdown-toggle" href="#">Chose option<span class="caret"></span></a>
  <ul class="dropdown-menu">
    <li><a href="#">Option 1</a></li>
    <li><a href="#">Option 2</a></li>
    <li><a href="#">Option 3</a></li>
    <li><a href="#">Option 4</a></li>
  </ul>
</li>

我正试图在下拉列表中选择选项作为下拉列表而不是"选择选项",就像现在一样.我已经尝试了在这个和其他一些网站上找到的几个解决方案,但不能让它们中的任何一个工作.

有人可以帮忙吗？

那是我的功能:

 <script> function Calculate()
     {
         var ItemPrice = document.getElementById("price");
         var weight = document.getElementById("weight");
         var SelWeight = weight.options[weight.selectedIndex].value;
         alert(SelWeight);
         var Category = document.getElementById("SelectedCategory");
         var SelCategory = Category.options[Category.selectedIndex].value;
         alert(SelCategory);

     }
    </script>

我想SelCategories.Tax,并SelCategories.Duty把它们添加到权重值和总价格,以显示在标签总..我使用ASP.NET MVC 4,这是我的模型,我想使用

public class CategoriesModel
    {
        public int CategoryID { get; set; }
        public string CategoryName { get; set; }
        public decimal Duty { get; set; }
        public decimal Tax { get; set; }
        public IEnumerable<SelectListItem> CategoriesList { get; set; }
    }

我有一个带有一些日期的选择框.我希望在输入更改时获取所述日期的值.我的价值一直不确定.

$('#date_pick').change(function(){
            var values = $('#date_pick:selected').val();
            alert(values);
});

小提琴