將下拉文本的值傳遞給文本框

Question

我正在努力獲取下拉文本的值並將其傳遞到文本框中。下拉的值和文本來自數據庫。

我需要將文本傳遞給我的文本框。幫助請

這是我的小提琴http://jsfiddle.net/Zy46N/

<?php 
    while($row = $resultcode->fetch_assoc()) 
     { 
    $code .= '<option value = "'.$row['maincode'].'">'.$row['category'].'</option>'; 
     } 
?> 
<br/> 
Category 
<select name="supplier" style="text-transform:uppercase;"> 
<option value="">Select</option> 
<?php echo $code; ?> 
</select> 
    </br> 
Sub Code 
<input name="catvalue" id="catvalue" value="" readonly> 

$(document).ready(function() { 
    $("#supplier").change(function() { 
     var selectedText2 = $("#supplier option:selected").text(); 
     alert("You selected :" + selectedText2); 
      $('[name="catvalue"]').val($(this).val()); 
    }); 
}); 

Answer 1

既然你已經檢索所選option的文本，並將其分配給selectedText2

你可以使用：

$('[name="catvalue"]').val(selectedText2); 

Updated Fiddle

Answer 2

做這樣的

$(document).ready(function() { 
    $("#supplier").change(function() { 
     var selectedText2 = $("#supplier option:selected").text(); 
     alert("You selected :" + selectedText2); 
      $('[name="catvalue"]').val(selectedText2); 
    }); 
}); 

這裏

http://jsfiddle.net/Zy46N/2/

Answer 3

在這裏，你去試試吧...

$(document).ready(function() { 
    $("#supplier").change(function() { 
     var selectedText2 = $("#supplier option:selected").text(); 
     $('#catvalue').val(selectedText2); 
    }); 
}); 

Answer 4

你有一些選項來達到你想要什麼。什麼其他stackoverflowers給出或這個答案。 編輯：

這裏是你該怎麼辦。給我的選擇框ref給予一定的屬性。

<select name="supplier" style="text-transform:uppercase;"> 
    <option value="">Select</option> 
    <?php 
     while($row = $resultcode->fetch_assoc()){ 
     ?><option value = "<?php echo $row['maincode']; ?>" ref = "<?php echo $row['category']; ?>"><?php echo $row['category']; ?></option><?php 
    } 
?> 
</select> 

<input id = "txt_cat_value" type = "text"> 

腳本

$(document).ready(function() { 
    $("#supplier").change(function() { 
     $('#txt_cat_value').val($(this).attr('ref')); 
    }); 
}); 

現在希望它的好。