Nur ausgewählte Artikel aus Dropdown-Liste drucken

Question

Ich habe einen Auswahl-Eingang auf meiner Seite. Wenn ich die Seite drucke, werden alle Optionen von Auswahl statt der ausgewählten gedruckt. Wie mache ich es so, dass nur die ausgewählte Option gedruckt wird?

<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

Es funktioniert gut ...

Javascript-print() funtion zeigt nur die gerenderten [sichtbar] Artikel im PDF-Vorschau.

Here is example you can visualize.

This might helps. Have fun. 

Answer 2

Dies kann als unten-

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

JS Fiddle

Dank getan werden !!

Answer 3

Forkte Ihren Code ein wenig und es funktioniert perfekt. Code-Snippet zur Demonstration ausführen.

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

hinzufügen this.value statt diese, das Snippet Kasse.

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>