Question

当我尝试从客户下拉列表中进行选择并导致地址行也发生变化（自动填充）时，我尝试连接自动填充的城市，州和邮政输入字段。

我已经尝试了以下帖子中提出的所有建议，但没有一个是有效的，因为他们都没有接受过＆＃39;回答：

Concatenate multiple HTML text inputs with stored variable，Concatenate two text fields in html和How to concat strings from inputs with javascript?

这是我当前显示输入框的代码，但没有任何值显示在其中。当我开始工作时，我打算隐藏＆＃39;城市，州，邮政输入，以便只有连接的输入行出现在页面上。

public void playerName(int index)
{
    Player player = players.get(index);
    System.out.println(player);
}

提前感谢您的时间和任何建议。

Answer 1

您在更改功能

结尾处也缺少右括号

Answer 2

根据评论中的讨论，您想要做的是在其中一个更改时更新组合字段，无论哪一个都无关紧要。所以：

$("#city").change(function(){

或#state或#zip，无所谓。

Answer 3

在@Greg Schmidt的帮助和几个小时的测试不同场景之后，我能够连接城市，州和邮政输入字段。问题是，由于地址输入字段也是自动填充的，因此它不会触发onchange事件。最终工作的是将concat代码添加到select字段的onchange代码中。这是工作代码：

PHP：

$ddlquery2 = "SELECT * FROM everyone WHERE rolename='Customer' ORDER BY first_name ASC";
        $ddlresult2 = mysqli_query($dbc, $ddlquery2) or die("Bad SQL: $ddlquery2");
        echo 'Customer (select one): <select type="text" class="dropdown" name="custid" id="customerID" size="1" onchange="popaddress()">';
        echo '<option value=""></option>';
        while($ddlrow2=mysqli_fetch_array($ddlresult2, MYSQLI_ASSOC)){
        echo "<option value='".$ddlrow2['id']."'  data-address='".$ddlrow2['address']."' data-city='".$ddlrow2['city']."' data-state='".$ddlrow2['state']."'  data-zip='".$ddlrow2['zip']."'>" . $ddlrow2['first_name'] .' ' .$ddlrow2['last_name']. "</option>";
        } //End while statement
        echo "</select>";
        echo '<br>';
        echo '<input style="float:left; margin-left:185px; margin-top:3px; border:0px; background:none; box-shadow:none;" type="text" id="custaddress" name="address" readonly="readonly" value="" onchange="concatloc()">';
        echo "<br >";

        echo '<input style="float:left; margin-left:185px; margin-top:-7px; border:0px; background:none; box-shadow:none;" type="text" id="custAdd" readonly="readonly" value="">';
        echo '<input type="hidden" id="custcity" name="city" value="">';
        echo '<input type="hidden" id="custstate" name="state" value="">';
        echo '<input type="hidden" id="custzip" name="zip" value="">';

JQUERY：

<script>
$('#customerID').change(function() {
    selectedOption = $('option:selected', this);
    $('input[id=custaddress]').val( selectedOption.data('address') );
    $('input[id=custcity]').val( selectedOption.data('city') );
    $('input[id=custstate]').val( selectedOption.data('state') );
    $('input[id=custzip]').val( selectedOption.data('zip') );

    document.getElementById('custAdd').value = 
    document.getElementById('custcity').value + ', ' + 
    document.getElementById('custstate').value + ' ' + 
    document.getElementById('custzip').value;
 });
</script>

我希望这有助于其他试图连接输入字段的人。另外一条建议......即使在同一个文件中，也要小心复制和粘贴代码。当我最初将原始城市，州和邮政编码设置为键入=＆＃34;隐藏＆＃34;他们仍然出现在页面上。我不得不手动输入这些线条以便隐藏＆＃39;命令工作。

由mysql下拉列表填充的Concat php输入字段

3 个答案: