相关疑难解决方法(0)

<select onchange="test()" id="select_id">
    <option value="0">-Select-</option>
    <option value="1">Communication</option>
</select>

我需要在javascript中获取所选选项的值:有没有人知道如何获取所选值或文本,请告诉我们如何为它编写函数.我已经分配了onchange()函数来选择那么我之后做了什么？

如何通过JavaScript 获取当前选定<option>的<select>元素？

答案: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

如何使用JavaScript从下拉列表中获取所选值？我尝试了以下但它不起作用.

var sel = document.getElementById('select1');
var sv = sel.options[sel.selectedIndex].value;
alert(sv);

function call(op) {
    var x = op.selectedOptions[0].textContent;
    var n = x.substring(0, 3);
    //alert(n);
    document.pts.inputbox.value = n;
    document.pts.submit();
}

我有一个函数,它从列表框中的选定选项中获取标签值,然后它会分析前3个字母并将该信息传递给输入框值.

问题在于js如何抓取选定的选项标签文本内容.它似乎在Chrome中工作得很好,但在firefox17和IE9中没有任何反应.有关更好地获取所选选项标签值的任何建议吗？

编辑:我不能使用选项值,该值保留为更具体的东西在JSfiddle中一切正常.

我有以下HTML

<form>
  <div class="answer1wrap">
    <select id="mySelect">
      <option value="void">Choose your answer</option>
      <option value="To measure time">To measure time</option>
      <option value="To measure distance">To measure distance</option>
      <option value="To measure volume">To measure volume</option>
    </select>
  </div>
</form>

<button class="btn btn-default" id="checkbtn" onclick="answers();" type="button"><span    class="glyphicon glyphicon-check"></span> Check answers</button>

我也有javascript

function answers()
{
  var selectedanswer=document.getElementById("mySelect").selectedIndex;

  if (document.getElementsByTagName("option")[selectedanswer].value=="To measure time");{
    alert("Thats correct"); 
  }
}

我希望当按下按钮时,它会检查是否选择了"测量时间"选项并仅在选中时提醒我.但是,无论选择哪个选项,它始终显示警报.

有任何想法吗？

假设您有以下HTML5

<select id="example">
    <option value="AA" data-id="143">AA</option>
    <option value="BB" data-id="344">BB</option>
</select>

$("#example").select2();

如何从所选选项中获取数据ID？

如何确定下拉列表中选择的内容？在Javascript中.

我在html中有一个包含下拉菜单的表单

<form name= "gadget_selector">
    <select name= "gadget">
        <option value = 0> Something </option>
        <option value = 1> Something else </option>
        //etc..
    </select> 
</form> 

我想在javascript函数中访问所选选项的值,如此

function someFunction(){

    //var option = value of selected menu option
}

我该怎么做？