Question

请帮助我。我试图编写一个简单的jQuery字符串，它将状态下拉列表的值更改为=领导行动下拉列表，仅当领导下拉列表的值发生变化时。我现在已经摆弄了大约一个小时，似乎无法让它发挥作用。此外，HTML无法修改，因此添加onChange属性不是一种选择。我必须能够通过简单地将JS添加到页面来实现解决方案。这是我到目前为止的代码。任何帮助是极大的赞赏。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

 <script>
 function myFunction() {
 $("#leadershipAtc").change(function () {

     document.getElementById('status').text = $('option:selected', this).text();
 });
 }
 </script>

 <body>

 Status : 
 <select id="status">
   <option value="A">A
   <option value="B">B
   <option value="C">C
   <option value="D">D
</select>

<p></p>

 Leadership Action : 
 <select id="leadershipAct">
   <option value="A">A
   <option value="B">B
   <option value="C">C
   <option value="D">D
 </select>

 </body>
 </html>

Answer 1

这是你想要达到的目的吗？

＆＃13;

// You don't need to put the code in a function.
// Btw, in your code, your function was never called!
$("#leadershipAct").on('change', function() {
  // Taking the .val() of this select, and put it in the status one.
  $('#status').val($(this).val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<body>

  Status :
  <select id="status">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    <option value="D">D</option>
  </select>

  <p></p>

  Leadership Action :
  <select id="leadershipAct">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    <option value="D">D</option>
  </select>

</body>

＆＃13;

希望它有所帮助。

Answer 2

谢谢你们的帖子，他们最有帮助。然而，为了使这项工作我的SharePoint我不得不采取一些不同的方法，不太确定为什么。无论如何，这里是我能够在SharePoint 2013中完成工作的代码。

<script type="text/javascript">
$(function() {

$("#leadershipAct").change(function() {
if ($('option:selected', this).text() == "A") {
    $('#status').val($(this).val());
} else if ($('option:selected', this).text() == "B") {
    $('#status').val($(this).val());
    } else if ($('option:selected', this).text() == "C") {
    $('#status').val($(this).val());
} else if ($('option:selected', this).text() == "D") {
    $('#status').val($(this).val());
} else {
}
});
});
</script>

使下拉列表值与更改时其他下拉列表的值相等

2 个答案: