Question

社区，我目前有一个选择下拉列表，其值和标题是通过mysql查询填充的。目前，所有传递的都是（source_id）。但是，我希望它也传递第二个变量（source_flag）。出于以下原因，我需要两者。如果source_flag设置为'YES'，我的JS将使div可见。我需要（source_id）将值插回我的数据库。下面是我目前的下拉和JS功能。添加一点HTML。

HTML

<fieldset style="display: inline;" id="source">
<legend class="legend1"><h2>&nbsp; Ticket Source &nbsp;</h2></legend>
<div style="padding-top: 5px;" id="source">
     <div class="input-field">
     <?php include $ins_tic.'selectSource'.$ext; ?>
     </div>
     <div id="received"  style="display: none;">
     <input type="text" id="dateTimeField" name="received_on" style="width: 160px;" placeholder="Time Received"/>
     <script>AnyTime.picker('dateTimeField');</script>
     </div>
</div>
</fieldset>

$ ins_tic.'selectSource'。$ ext file

<?php
//This populates the drop down
echo '
<select id="ticket_source" name="ticket_source" tabindex="16" onchange="showEmail(this.value)">
<option value="">Select Source</option>';
//I want to add source_flag to the query, and add that value to the select option
$get_sources = mysql_query("SELECT source_id, source_name FROM ticket_source ORDER BY source_name ASC");
 while (($source_list = mysql_fetch_assoc($get_sources)))
 {
      echo '
      <option value="'.$source_list['source_id'].'">'.$source_list['source_name'].'</option>';
 };
 echo '
 <option value="0">Other</option>
 </select>';
 ?>

最后，我目前的javascript。请注意，javascript目前不受source_id值的影响。我不喜欢这样做，因为将来可能并且可能会添加其他来源。

function showEmail(id)
{
    var div = document.getElementById("received");
    if(id == 2 || id == 3 || id == 5)
    {
        div.style.display = 'block';
    }
    else
    {
        div.style.display = 'none';
    }
}

Answer 1

怎么样：

<select id="ticket_source" name="ticket_source" tabindex="16" onchange="showEmail(this)">

接着是

  <option value="'.$source_list['source_id'].'" data-flag="'.$source_list['source_flag'].'>'.$source_list['source_name'].'</option>';

然后

function showEmail(element)
{
    var id = element.value;
    var flag = element.options[element.selectedIndex].getAttribute('data-flag');
    // Do something with flag...
    var div = document.getElementById("received");
    if(id == 2 || id == 3 || id == 5)
    {
        div.style.display = 'block';
    }
    else
    {
        div.style.display = 'none';
    }
}

Answer 2

您需要添加分隔符，将两个值都放在<option>中并在服务器上解析出来。

 <option value="'.$source_list['source_id']._.$source_list['source_flag']'">

在select选项中使用多个变量

2 个答案: