首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使下拉列表值与其他下拉列表的值相等

使下拉列表值与其他下拉列表的值相等
EN

Stack Overflow用户
提问于 2018-05-14 14:34:57
回答 2查看 1K关注 0票数 0

请帮帮我。我试图编写一个简单的jQuery字符串,该字符串只有当领导力下拉列表的值发生变化时,才会将状态下拉列表的值更改为= Leadership下拉列表。现在,Iv已经摆弄了大约一个小时,似乎无法使它发挥作用。另外,HTML不能被修改,因此添加onChange attrib不是一个选项。我必须能够通过简单地将JS添加到页面来实现解决方案。这是我到目前为止的代码。任何帮助都是非常感谢的。

代码语言:javascript
复制
 <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>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-05-14 14:45:04

这就是你想要达到的目标吗?

代码语言:javascript
复制
// 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());
});
代码语言:javascript
复制
<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>

希望能帮上忙。

票数 1
EN

Stack Overflow用户

发布于 2018-05-14 17:00:46

谢谢你们的帖子,他们帮了我大忙。然而,为了完成这项工作,我SharePoint不得不采取一种不同的方法,不太清楚为什么。不管怎么说,这是我在2013年SharePoint中所做的工作代码。

代码语言:javascript
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50332926

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档