Question

我正在努力获取下拉列表的文本值并将其传递到文本框中。下拉列表的值和文本来自数据库。

我需要将文本传递给我的文本框。请帮助

<?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

这样做

$(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 2

由于您已检索所选option的文字并将其分配给selectedText2

你可以使用：

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

<强> Updated Fiddle

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'));
  });
});

希望现在好。

将下拉文本的值传递给文本框

4 个答案: