How do update text field with selected text from dropdown

Correct code is as like

Do changes according to your requirements

>
<html>
<head>
<style>
div.static {
position: static;
border: 3px solid #73AD21;
}
style>
<script src="//code.jquery.com/jquery-1.11.1.min.js">script>
head>
<body>
<table class='reorderTablerow'>
<tbody>
<tr>
<td>
<input data-item='item A' id='itemA' data-itemid='001' data-reason='' class='quanityborderinput' type=text/>
td>
<td>
<select id="ddlReason" onchange="GetSelectedTextValue(this)">
<option>Select reasonoption>
<option>Out of stockoption>
<option>Damaged itemoption>
select>
td>
tr>
<tr>
<td>
<input data-item='item B' data-itemid='002' data-reason='' class='quanityborderinput' type=text/>
td>
<td>
<select id="ddlReason" onchange="GetSelectedTextValue(this)">
<option>Select reasonoption>
<option>Out of stockoption>
<option>Damaged itemoption>
select>
td>
tr>
tbody>
table>
body>
html>
<script type="text/javascript">
function GetSelectedTextValue(ddlReason) {
var selectedText = ddlReason.options[ddlReason.selectedIndex].innerHTML;
var selectedValue = ddlReason.value;
$("#itemA").val(selectedText);
}
script>

1 Reply

Know the answer? Post it — somebody with the same question will find it here.