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

使用ID为

的文本框

<input type="text" id="my_textbox" value="" />

现在改变你的JS函数

function getSelectedValue(theValue){
 document.getElementById('pasteTheValue').innerHTML=theValue;
 document.getElementById('my_textbox').value=theValue; // add this line
}

更新2：

 function getSelectedValue(theValue){
     document.getElementById('my_textbox').value=theValue; // add this line
    }

Answer 2

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

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

Answer 3

您要将listbox中的选定值插入p标记，如果要在textbox内插入，请使用此代码 -

<input type="text" id="textboxid" value="" />

现在，在你的js函数中 -

function getSelectedValue(theValue){
   document.getElementById('pasteTheValue').innerHTML=theValue; // to insert in p tag
   document.getElementById('textboxid').value=theValue; // to insert inside of textbox
}

Answer 4

要获得所选值，您需要在JavaScript中使用.value，在jQuery中使用.val()。

使用JavaScript

function getSelectedValue(theValue){
var SelectedValue = theValue.options[theValue.selectedIndex].value;
document.getElementById('pasteTheValue').innerHTML=SelectedValue ;
}

使用jQuery

$('select').change(function () {
var SelectedValue = $('select').val();
$('#pasteTheValue').innerHTML = SelectedValue;
}

Source:这是一个关于如何get selected value of dropdown list using javascript

的完整教程

Answer 5

将Dropdown列表元素ID视为 myDropDown 。现在您的任务可以完成，如下所示：

$("#myDropDown").change(function(){
   var selectedValue = $(this).val();
   $("#pasteTheValue").val(selectedValue);
});

Answer 6

这个jsbin应该帮助你 jsbin_example

<select id='selectList' onClick="showSelected(this)">
  <option>list1</option>
  <option>list2</option>
  <option>list3</option>
  <option>list4</option>

  </select>
  <input type="text" id='show' />

function showSelected(thisObj)
{

  document.getElementById('show').value = thisObj.options[thisObj.selectedIndex].text;

}

如果你可以使用jquery，那就更容易了

Answer 7

试试这个

$(document).ready(function(){
    document.getElementByID('listID').on('change',function(){
        var list  = document.getElementByID('listID');
        var indx = list.selectedIndex;
        document.getElementByID('otherFieldID').val(list[indx].text);
    });
});

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

7 个答案: