выпадающее меню — используйте значение и метку в выпадающем списке php

У меня есть этот код, чтобы извлечь значения и метки из БД MySQL и заполнить раскрывающийся список, при изменении он помещает значение в текстовое поле, но я хочу, чтобы метка не значение.

Любые указатели были бы хороши ..

<select name="CompanyInternalID" autofocus class="textBox" id="CompanyInternalID" style="width:300px" onchange="document.form1.CompName.value=this.value">
<?php
do {
?>
<option value="<?php echo $row_rsCustomerList['AKA']?>"><?php echo $row_rsCustomerList['CustomerName']?></option>
<?php
} while ($row_rsCustomerList = mysql_fetch_assoc($rsCustomerList));
$rows = mysql_num_rows($rsCustomerList);
if($rows > 0) {
mysql_data_seek($rsCustomerList, 0);
$row_rsCustomerList = mysql_fetch_assoc($rsCustomerList);
}
?>
</select>
<input type="text" name="CompName" class="textBox" style="width:180px" id="CompName" />

Спасибо

0

Решение

Вы можете использовать jQuery, чтобы получить выбранное значение и поместить в нужное текстовое поле.

Предположим, что идентификатор выпадающего меню равен «drop», а идентификатор текстового поля — «txt_id». Теперь вы можете использовать код ниже:

$("#drop").change(function () {
$("#txt_id").val($(this).val());
});
1

Другие решения

Вы можете использовать ниже код:
Вы также можете узнать JQuery на http://www.w3schools.com/jquery/

    <!doctype html>

<html>

<head>

<title>My Page</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<script src="https://code.jquery.com/jquery-1.8.2.min.js"></script>

</head>

<body>
<select name="CompanyInternalID" autofocus class="textBox" id="CompanyInternalID" style="width:300px" > <?php do { ?> <option value="<?php echo $row_rsCustomerList['AKA']?>"><?php echo $row_rsCustomerList['CustomerName']?></option> <?php } while ($row_rsCustomerList = mysql_fetch_assoc($rsCustomerList)); $rows = mysql_num_rows($rsCustomerList); if($rows > 0) { mysql_data_seek($rsCustomerList, 0); $row_rsCustomerList = mysql_fetch_assoc($rsCustomerList); } ?> </select> <input type="text" name="CompName" class="textBox" style="width:180px" id="CompName" />

<script>
$("#CompanyInternalID").change(function () { $("#CompName").val($(this).val());
}
);
</script>
</body>

</html>
0

По вопросам рекламы [email protected]