Question

每当使用第一个选择下拉列表时，我想分配一个会话ID（这将被隐藏）。会话ID是“日期”之后的编号300,301等。

当用户从“首选”下拉列表中选择某些内容时，它应将“300”值分配给“sessionid”下拉列表，同时更改“day”下拉列表的值（已经工作了btw）

我该如何正确实施？

请参阅以下代码：

<select id="preferred" class="preferred" name="preferred">
  <option value="">- Select -</option>
  <option value="Mountain Dew">Mountain Dew</option>
  <option value="Seven Up">Seven Up</option>
</select>
<select id="day" class="day" name="day">
  <option value=""></option>
</select>
<select id="sessionid" class="sessionid" name="sessionid">
  <option value=""></option>
</select>

$(function() {
  var selectValues = {
   "Mountain Dew": {
   "Monday": "300"
  },
   "Seven Up": {
   "Tuesday": "301"
  }
};

var $preferred = $('select.preferred');
var $day = $('select.day');
var $sessionid = $('select.sessionid');

$preferred.change(function() {
  $day.empty().append(function() {
   var output = '';
   $.each(selectValues[$preferred.val()], function(key, value) {
   output += '<option value="' + key + '">' + key + '</option>';
  });
  return output;
  });
 }).change();
});

示例：http://jsfiddle.net/creativemix/5ZWrE/2/

Answer 1

您可以使用Element.id = 'id'在javascript中设置ID。

https://developer.mozilla.org/en-US/docs/Web/API/Element.id

在您想要分配ID的代码中可能是这样的代码：

$sessionid[0].id = $day.val();

但是请注意，id必须以字母开头，数字通常是不好的做法，即使它确实有用。

将您需要的值放在隐藏字段中可能比此解决方案更合适。

Answer 2

如果要设置会话ID下拉列表的值，请尝试此操作。在您的小提琴中设置输出变量后包括此内容。

$sessionid.empty()
     .append($("<option></option>")
     .attr("value",value)
     .text(value));

这是小提琴的link。

但是，正如其他人已经建议的那样，为什么不使用隐藏文本字段来存储值？

将值存储在隐藏字段中

<input type="hidden" id="hdnSessionId" />

并将其添加到脚本中。

$('#hdnSessionId').val(value);

如何为动态下拉列表选择ID？

2 个答案: