Question

我想让多个下拉选项值与更改功能上id=monday的下拉值相同。

  monday
    <select id="monday">
    <option value=""></option>
    <option value="00:00">00:00</option>
    <option value="00:15">00:15</option>
    <option value="00:30">00:30</option>
    <option value="00:45">00:45</option>
    <option value="01:00">01:00</option>
    </select>

    tuesday
    <select id="tuesday">
    <option value=""></option>
    <option value="00:00">00:00</option>
    <option value="00:15">00:15</option>
    <option value="00:30">00:30</option>
    <option value="00:45">00:45</option>
    <option value="01:00">01:00</option>
    </select>

    wednesday
    <select id="wednesday">
    <option value=""></option>
    <option value="00:00">00:00</option>
    <option value="00:15">00:15</option>
    <option value="00:30">00:30</option>
    <option value="00:45">00:45</option>
    <option value="01:00">01:00</option>
    </select>

JS

$("#monday").change(function() {
  $("#tuesday").value = $("#monday").value;
  $("#wednesday").value = $("#monday").value;
});

我看到了带有像name="dropdown[]"这样的数组的下拉名称的示例，但我希望像我写的那样保留id。提前致谢

Answer 1

以下是如何将其他任何内容同步到星期一

<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

$time = date('r');
echo "data: The server time is: {$time}\n\n";
flush();
?>

$(function() {
  $("#monday").on("change", function() { // or .sel for all
    $(".sel").not(this).val(this.value);
  });
});

Answer 2

更新value属性时不会发生任何事情，该属性仅适用于DOM元素。因此，对jQuery对象使用val()方法，尽管可以通过使用逗号分隔选择器将它们组合成一个。

$("#monday").change(function() {
  $("#tuesday,#wednesday").val(this.value);
});

＆＃13;

$("#monday").change(function() {
  $("#tuesday,#wednesday").val(this.value);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
monday
<select id="monday">
  <option value=""></option>
  <option value="00:00">00:00</option>
  <option value="00:15">00:15</option>
  <option value="00:30">00:30</option>
  <option value="00:45">00:45</option>
  <option value="01:00">01:00</option>
</select>

tuesday
<select id="tuesday">
  <option value=""></option>
  <option value="00:00">00:00</option>
  <option value="00:15">00:15</option>
  <option value="00:30">00:30</option>
  <option value="00:45">00:45</option>
  <option value="01:00">01:00</option>
</select>

wednesday
<select id="wednesday">
  <option value=""></option>
  <option value="00:00">00:00</option>
  <option value="00:15">00:15</option>
  <option value="00:30">00:30</option>
  <option value="00:45">00:45</option>
  <option value="01:00">01:00</option>
</select>

＆＃13;

根据更改函数

2 个答案: