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

Question

我的页面上有一个选择输入。当我打印页面时，选择的所有选项都会被打印，而不是被选中的选项。我如何制作以便只打印选择的选项？

<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> 

Answer 1

它工作正常...

的JavaScript的print（）funtion只是显示在预览PDF渲染[可见]项目。

Here is example you can visualize.

This might helps. Have fun. 

Answer 2

这是可以做到如下─

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

JS Fiddle

谢谢！

Answer 3

分叉你的代码一点，它完美的作品。运行代码片段进行演示。

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>

Answer 4

添加THIS.VALUE代替这个，检出片段。

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>