使用Jquery从对话框中获取表单元素

时间:2012-11-01 04:04:33

标签: javascript jquery dialog salesforce

我在标准的salesforce页面上使用jQuery。我只能将我的jQuery脚本放在主页面中。当我单击内联编辑元素时,会打开一个对话框,此对话框包含一些输入字段。我想知道如何从位于主页面的jQuery访问对话框中的输入字段。

请帮助!!

此致 萨米尔

3 个答案:

答案 0 :(得分:1)

本教程可能会帮助您从某个地方开始:http://www.youtube.com/watch?v=b16V25eNyJY&feature=relmfu

答案 1 :(得分:0)

如果您粘贴代码,我们可以准确地向您展示。 您可以通过以下方式访问它:例如,指定它的id:

$("#the_id_element")

答案 2 :(得分:0)

<html lang="en">
<head>
  <title></title>
  <link type="text/css" href="js/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="js/ui/ui.core.js"></script>
  <script type="text/javascript" src="js/ui/ui.dialog.js"></script>
  <script type="text/javascript" src="js/ui/ui.resizable.js"></script>
  <script type="text/javascript" src="js/ui/ui.draggable.js"></script>
  <link type="text/css" href="js/demos.css" rel="stylesheet" />
  <script type="text/javascript">
    $(function() {
        var cancel = function() {
            $("#myDialog").dialog("close");
        }
        var getResponse = function(){
          var answer;
          $("input").each(function(){
            (this.checked == true) ? answer = $(this).val() : null;
          });
          $("<p>").text(answer).insertAfter($("#poll"));
          $("#myDialog").dialog("close");
        }
        var dialogOpts = {
          modal: true,
          buttons: {
            "Done": getResponse,
            "Cancel": cancel
          },
          autoOpen: false
        };
        $("#myDialog").dialog(dialogOpts);
        $("#poll").click(function() {
          $("#myDialog").dialog("open");
        });  
    });
  </script>
</head>
<body>
    <button id="poll">Poll</button>
    <div id="myDialog" class="flora" title="This is the title">
      <p>Question?</p>
      <label for="yes">Yes!</label><input type="radio" id="yes" value="yes" name="question"><br>
      <label for="no">No!</label><input type="radio" id="no" value="no" name="question">
    </div>
</body>
</html>