Javascript &引用；选择"；HTML中的标记不起作用 做 进行中 今天做什么 多恩 创建任务 $（文档）.ready（函数（）{ $（'select'）。在（'change'，function（）上{ 警报（该值）； }); });

我们正在尝试从列表中选择该选项，但它不起作用。

---

如果您想查看选择了哪个选项，请使用此代码，是否有人可以帮助我

<form name="form" action="https://kanbanflow.com/api/v1/tasks?" method="post">
<input type="text" name="name" id="name" />
<select>
<option value="258f2200948711e3b418a9a7">To-do</option>
<option value="258f220294b18a9a7">In progress</option>
<option value="258f2201948711e3b4507b78fb18a9a7">Do today</option>
<option value="258f2203948711ea7" selected="selected">Done</option>
</select>             
<button id ="button" value="submit">create_task</button>
</form>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js ">
$(document).ready(function(){
$('select').on('change',function() {
  alert( this.value );
});
});
</script>

哇！
呵呵？
函数getlistvalue（）
{
返回document.getElementById（'selectlistid'）。选项[document.getElementById（'selectlistid'）。selectedIndex]。值；
}

---

您需要记住使用selectedIndex值来获取正确的选项元素，以获取该选项的实际值。

这有多个答案

对于单选dom元素，要获取当前选定的值：

<select id="selectlistid">
   <option value="whoa">WHOA!</option>
   <option value="huh">HUH?</option>
</select>

<script type="text/javascript">
function getlistvalue()
    {
    return document.getElementById('selectlistid').options[document.getElementById('selectlistid').selectedIndex].value;
    }
</script>

要获取当前选定的文本，请执行以下操作：

$('#dropDownId').val();

---

如果需要获取选定选项的文本，请使用：

$('#dropDownId :selected').text();

或者，如果需要获取其

值

属性的值，请使用：

$(document).ready(function () {
    $('select').on('change', function () {
        // use .find() to get the selected option and then get the text it contains.
        alert($(this).find("option:selected").html()); /*Replace with .text() if it doesn't yield desired results*/ 
    });
});

---

问题是

script

元素既有

src

属性，又有一些内容。它不起作用：使用了

src

属性（并加载了jQuery），但忽略了内容。请参见上的HTML 4.01规范。（HTML5验证程序会发出警告。）解决方案是使用两个

script

元素：

$(document).ready(function () {
    $('select').on('change', function () {
        alert(this.value);
    });
});

$（文档）.ready（函数（）{
console.log（“设置”）；
$（'select'）。在（'change'，function（）上{
警报（该值）；
});
});

请查看此代码

 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js ">
 </script>
<script>
$(document).ready(function(){
console.log('setting up');
  $('select').on('change',function() {
    alert( this.value );
  });
});
</script>

做
进行中
今天做什么
多恩
创建任务
$（文档）.ready（函数（）{
$（'select'）。在（'change'，函数（）{
警报（$（'select'））；
警报（该值）；
});
});

---

演示：

代码中没有select标记。所以$（'select'）是空的，我在HTML中看不到

select

！代码很好！您的代码将正常工作-只需在HTMLCode块中添加select元素是错误的，请编辑它，这样select就会显示出来。@Bobby最好使用一个ID，我想知道为什么会更好？+1在发布我的答案之前没有看到你的答案，因为其他答案太不准确了。我也指出了同样的问题，但像@Keessonema这样的人没有正确阅读问题，开始对答案投反对票。悲哀@迪帕克斯亚，我看到你删除的答案，真的很难过。。。不幸的是，事情就是这样的。。。真遗憾……真的！很难理解为什么人们如此兴奋地投票否决答案而不是发布答案@SridharR这是优秀贡献者忽略这一点的主要原因。想一想，非常感谢你。如何将选项的值打印到文本框中？

<form name="form" action="https://kanbanflow.com/api/v1/tasks?" method="post">
        <input type="text" name="name" id="name" />
        <select>
            <option value="258f2200948711e3b418a9a7">To-do</option>
            <option value="258f220294b18a9a7">In progress</option>
            <option value="258f2201948711e3b4507b78fb18a9a7">Do today</option>
            <option value="258f2203948711ea7" selected="selected">Done</option>
        </select>
        <button id="button" value="submit">create_task</button>
    </form>

$(document).ready(function () {
    $('select').on('change', function () {
        alert($('select'));
        alert(this.value);
    });
});