更改html列表以选择隐藏的输入类型


Change html list to select with input type hidden

我正在重做我的一位同事所做的一些代码。我希望将他的列表更改为更合适的选择选项下拉列表。

他的php代码如下所示:

echo "<ul>";
echo "<li><a href='#' >Customer</a><ul>";
$count = count($Cust);
for ($i = 0; $i < $count; $i++) {
    echo "<li><a href='#' id='ddcust'><input type='hidden' value='".$Cust[$i]["label"]."'>".$Cust[$i]["label"]."</a></li>";
}
echo "</ul></li></ul>";

如何将其更改为选择选项列表,同时尽可能多地保留处理选择的功能?

他这样处理选择:

var get_cust = $('input[type="hidden"]', this).val();

是否可以创建一个隐藏输入类型的选择?

我这样试过,但不起作用:

echo "<select name='customerSelect' size='1'>";
echo "<option value=''>- Please select a customer -</option>";
$count = count($Cust);
for ($i = 0; $i < $count; $i++) {
    echo "<option id='ddcust'><input type='hidden' value='".$Cust[$i]["label"]."'>".$Cust[$i]["label"]."</option>";
}
echo "</select>";
echo "<select name='customerSelect' size='1'>";
echo "<option value=''>- Please select a customer -</option>";
$count = count($Cust);
for ($i = 0; $i < $count; $i++) {
echo "<option value='".$Cust[$i]["label"]."'>".$Cust[$i]["label"]."</option>";
}
echo "</select>";

var get_cust = $('select[name=customerSelect]').val();

var get_cust = $('select[name=customerSelect] option:selected').text();