javascript - 如何在文本框中显示我选择的下拉列表值

Question

我有一个代码，用于将文本文件中的单词填充到列表框。如果我从列表框中选择任何值，那么它会在文本框中显示选定的单词(在表单内 - 将值发布到另一个脚本)

javascript代码:

<script>
  function getSelectedValue(theValue){
    document.getElementById('pasteTheValue').innerHTML=theValue;
  }
</script>

php 代码:

//open the file
$read_your_file = @fopen($your_file, "r") or die ("Couldn't Access $your_file");

//create a variable to hold the contents of the file
$contents_your_file = fread($read_your_file, filesize($your_file));

//array of file contents
$your_array = explode("\n",$contents_your_file);

//close the file
fclose($read_your_file);

//counts the number elements in the property_categories array
$num_elmnts_array = count($your_array) ;

//elements in the drop down list
//$drop_elmnts = 0;

//begin creating your dropdown menu...

$your_menu = "<select name=\"list\" onchange=\"getSelectedValue(this.value)\">";  
//For loop to begin
for($counter = 0; $counter < $num_elmnts_array; $counter++){
$your_menu .= "<option value=\"$your_array[$counter]\">$your_array[$counter]        </option>";
//$counter++;
}
//end select menu
$your_menu .= "</select>";
?>

<p><b><?php echo "$your_menu"; ?></b><br>
<p id="pasteTheValue"></p>

这很好用。这将在页面中像平常的普通文本一样显示选定的单词。但我想在文本框中显示它(或获取值)。请帮我解决这个问题。

Answer 1

希望http://jsfiddle.net/o5xxz67f/会有帮助的。

$(document).ready(function(){
    $('select').change(function(){
       alert($(this).val()); 
    });
});