选择了哪个<option>字段?用jQuery

时间:2017-04-16 09:56:01

标签: javascript jquery html

我正在寻找一种方法来找出使用jQuery选择的字段。我构建了一个函数,但它不起作用。

HTML示例

<select id="bewerbungID">
<option value="1" name="selectName">test1</option>
<option value="2" name="selectName">test2</option>
<option value="3" name="selectName">test3</option>
</select>

JS功能

$('#bewerbungID select').on('change', function() {
   alert($('option[name=selectName]:checked', '#bewerbsungID').val()); 
});

在jsfiddle open link

中测试

3 个答案:

答案 0 :(得分:2)

将select视为输入字段,例如文本。然后它必须选择一个值 - 每当它发生变化时显示新值。你的逻辑是正确的,但jQuery选择器有点令人困惑。

简化你的代码:

&#13;
&#13;
$('#bewerbungID').on('change', function() {
   alert($('#bewerbungID').val()); 
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="bewerbungID">
<option value="1" name="selectName">test1</option>
<option value="2" name="selectName">test2</option>
<option value="3" name="selectName">test3</option>
</select>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

您遇到的问题是您没有正确使用选择器。

基本说明:

选择器是您在括号中找到的所有内容:$('...')。当您在单词前面使用#时,这意味着您正在选择一个id为#右侧内容的元素。在您的情况下,...等于#bewerbungID,因此正确的代码应如下所示:

$('#bewerbungID').on('change', function() {
  alert($('#bewerbungID').val());
});

答案 2 :(得分:0)

selenium.webdriver.firefox.webelement.FirefoxWebElement (session="f680d2ed-7f35-46b2-9f75-c5f27095e39b", element="d5b83487-a476-4a00-b470-37668636bdd4")

它应该做的伎俩