相关疑难解决方法(0)

如何使用JavaScript从下拉列表中获取所选值？

我尝试了下面的方法,但它们都返回选定的索引而不是值:

var as = document.form1.ddlViewBy.value;
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;

通常我$("#id").val()用来返回所选选项的值,但这次它不起作用.所选标签具有IDaioConceptName

HTML代码

<label>Name</label>
<input type="text" name="name" />
<select id="aioConceptName">
    <option>choose io</option>
    <option>roma</option>
    <option>totti</option>
</select>

可能的原因是什么document.getElementById,$("#id")或者任何其他DOM方法/ jQuery选择器没有找到元素？

示例问题包括:

• jQuery默默地无法绑定事件处理程序
• jQuery的"吸气"方法(.val(),.html(),.text())返回undefined

• 返回的标准DOM方法null导致以下任何错误:

  未捕获的TypeError:无法设置null的属性'...'未捕获的TypeError:无法读取null的属性'...'

  最常见的形式是:

  未捕获的TypeError:无法设置null的属性'onclick'

  未捕获的TypeError:无法读取null的属性"addEventListener"

  未捕获的TypeError:无法读取null的属性'style'

我曾经e.target.value从bootstrap-select中检索当前选定的值,但是它返回了第一个选择的值,即警报保持显示项目1,当项目1和项目2被选中时,即使项目2是最近选择的.

如何获取最近选择的值以及如何选择选择的选项？

   <select multiple class="selectpicker" multiple data-selected-text-format="count > 1">
    <option value="item 1">Item 1</option>
    <option value="item 2">Item 2</option>
    <option value="item 3">Item 3</option>
    <option value="item 4">Item 4</option>
    <option value="item 5">Item 5</option>

$('.selectpicker').change(function (e) {
    alert(e.target.value);
});

我正在使用jQuery插件:bootstrap-select.js我的HTML是select(multiple) - >选项.当用户选择或取消选择该选项时,我想获取当前单击的选项值.

示例:用户选择项目4 = console.log项目4.然后用户还选择项目2 = console.log项目2.目前我得到项目4,项目2 ...他们总是在一个数组而不是个人.

我的最终目标是根据用户选择的内容显示和隐藏页面上的div.将有多个选择选项字段.

HTML代码:

<fieldset class="dreamT">
   <select name="team" id="team" multiple class="dropdown selectpicker show-menu-arrow show-tick form-control" title="Pelaajat" data-width="100%" data-size="auto" multiple data-selected-text-format="count > 2">
    <optgroup>
        <option value="item 1">Item 1</option>
        <option value="item 2">Item 2</option>
        <option value="item 3">Item 3</option>
        <option value="item 4">Item 4</option>
        <option value="item 5">Item 5</option>
        <option disabled value="item 6">Item 6</option>
    </optgroup>
   </select>
</fieldset>

JS代码:

$("select#team").on("change", function(value){
   var This      = $(this);
   var selectedD = $(this).val();
   console.log(selectedD);
});

当前输出: ["item 1", "item 3", "item …