Question

如何在jquery javascript下实现多个功能？＆＃34;获取项目＆＃34;如果我删除第二个函数按钮工作正常（它实际上在我的Eclipse项目中工作，由于某种原因，如果我在这里删除第二个函数它不起作用。）

我想在这里实现两件事： 1）点击＆＃34;获取项目＆＃34;将项目添加到下拉列表中。 2）从列表中选择不同的项目时，标签将根据所选内容更改文本。

＆＃13;

   $(document).ready(function () {
      $('#projectbutton').click(function() {
         var selector = document.getElementById('projectselector');
         var api = "http://localhost:8080/restapi/test/projects";
         $.getJSON(api, {"1":"project 1", "2":"project 2"},function (data) {
            $.each(data, function (index, d) {
               selector.options[selector.options.length] = new Option(d,d);
            });
         });
      });
});
$(document).ready(function () {
   $('#projectselector').change(function() {
         var text = $('option:selected',this).text();
         $('#selectedprojectname').text(text);
   }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="firstsection">
   <h1>List project</h1>
   <button id="projectbutton" name="projectbutton">Get Projects</button>
</div>
<div id="secondsection">
   <h2>All available projects:</h2>
   Projects: <select id="projectselector" name="projectselector"></select>
</div>
<div id="thirdsection">
   <h3>Selected project:</h3>
   <label id=selectedprojectname name="selectedprojectname">empty</label>
</div>

＆＃13;

Answer 1

我不确定你在getJSON电话中想要做什么。第二个参数只是发送到API调用的数据，因此您可能不需要传递的内容。

在任何情况下，API调用都有问题。如果您删除了API部分，则可以正常工作。

http://jsfiddle.net/CnEUh/3137/

$(document).ready(function () {
  $('#projectbutton').click(function() {
    var selector = document.getElementById('projectselector');
    var api = "http://localhost:8080/restapi/test/projects";
    var data = {"1":"project 1", "2":"project 2"};
      $.each(data, function (index, d) {
        selector.options[selector.options.length] = new Option(d,d);
      });
  });

  $('#projectselector').change(function() {
    var text = $('option:selected',this).text();
    $('#selectedprojectname').text(text);
  });
});

你的jQuery看起来很好，但除非你发布API代码，否则我对API调用再也无法帮助。

点击jquery javascript中的下拉列表时更改标签

1 个答案: