只打印下拉列表中选定的项目

Print only selected item from drop down

本文关键字：项目 打印 下拉列表      更新时间：2023-09-26

我的页面上有一个选择输入。当我打印页面时，select的所有选项都会被打印出来，而不是被选中的那个。如何使它只打印选中的选项?

    <select class="form-control" id=myID onchange="update_status(this)">
        <option value="1" selected>Pending</option>
        <option value="2">Under-Preparation</option>
        <option value="3">Delivered</option>
    </select>

打印选中选项的值，如下代码段所示。运行代码片段进行演示。

function update_status(selected_option){
  console.log(selected_option.value);
}
<select class="form-control" id=myID onchange="update_status(this)">
        <option value="s1" selected>Pending</option>
        <option value="s2">Under-Preparation</option>
        <option value="s3">Delivered</option>
</select>

效果很好…

javascript print()函数只显示PDF预览中呈现的[可见]项。

这是你可以想象的例子。

This might helps. Have fun.

可以这样做- 

function update_status(currentObj){
console.log(currentObj.options[currentObj.selectedIndex].value);
}

JS小提琴

谢谢! !

添加this。value而不是this，检查代码片段

function update_status(vm) {
  console.log(vm);
  }
<select class="form-control" id=myID onchange="update_status(this.value)">
        <option value="1" selected>Pending</option>
        <option value="2">Under-Preparation</option>
        <option value="3">Delivered</option>
    </select>

相关文章：