javascript - 将值从选择输入复制到具有 X 数量的选择和输入字段的文本输入

Question

我有这段 Javascript 代码，可将选择的选项值复制到文本输入中:

<script type="text/javascript">
$(document).ready(function() {
    $("#category2 option").filter(function() {
        return $(this).val() == $("#category").val();
    }).attr('selected', true);
    $("#category2").live("change", function() {
        $("#category").val($(this).find("option:selected").attr("value"));
    });
    });
</script>

如何使用动态数量的文本字段来做到这一点

我正在 PHP 中从 MySQL 数据库中选择数据并在 while 循环中显示它...

$sql="SELECT * from website_sliderimages ";
$rs=mysql_query($sql,$conn) or die(mysql_error());
while($result=mysql_fetch_array($rs))
{
    echo '<form method="post" action="editsliderimage.php" id="editsliderimage">
    <select name="select1">
    ... options ...
    </select>

    <input type="text" name="input1" />
    </form>';
}

我怎样才能改变它来做到这一点？目前，上面的代码只会执行一个选择区域和文本输入

Answer 1

在服务器端 html 上，在下拉列表中放置一个类。

<select class="mydropdown"> ... </select>

然后，在客户端，将事件绑定(bind)到页面上与选择器匹配的所有元素:

$('body').on('change', '.mydropdown', function() { // do whatever you need to do here. }

仅供引用，on() function是 live() 的替代品，现已弃用。另外，我建议您不要在 html 代码中使用 echo。您这样做会更容易:

while (condition)
{ ?>

<span>You can just write HTML here...</span>

<?php }

这样，您就不必担心转义字符。