Question

我有以下表格。我想将网址设为：http://myapp/library/#/iframe?title=Search&url=http:%2F%2Fencore.scranton.edu%2Fiii%2Fencore%2Fsearch%2F?lang=eng&target=Einstein

<form action="#/iframe?title=Search&url=http://encore.scranton.edu/iii/encore/search/" id="form" method="get" name="form" >
  <input name="target" type="search" value="" placeholder="Search" class="search-input">
</form>

而是它的前置：http://myapp/library/?target=Einstein#/iframe?title=Search&url=http:%2F%2Fencore.scranton.edu%2Fiii%2Fencore%2Fsearch%2F?lang=eng

角色代码：

的iframe /模板/ index.html中

<div ui-view class="container">
....
        <div class="animated fadeIn iframe">
            <iframe src="{{ url }}" frameborder="0"></iframe>
        </div>
</div>

的iframe / controller.js

        //
        //  Routes
        //
      .state('iframe', {
        url         : '/iframe?title&url',
        templateUrl : 'modules/Iframe/templates/index.html',
        controller  : 'IframeController'
      })
    }]);

Answer 1

如果没有看到JS，我可能会在黑暗中跳舞，但你尝试过这样的事吗？

假设没有框架

var myform = document.getElementById("form");
var action = myform.getAttribute("action"); 
//reset the entire attribute
myform.setAttribute(action+"value_i_want_appended");

Answer 2

这个怎么样？

<form action="http://encore.scranton.edu/iii/encore/search/?title=Search" id="form" method="get" name="form" >
    <input name="target" type="search" value="" placeholder="Search" class="search-input" />
    <input name="title" type="hidden" value="Search" />
</form>

fiddle

Answer 3

使用jQuery：

var currentURL = $("#form").prop('action');
var newAction = 'http://myapp/library/' + currentURL + '&target=Einstein';
$("#form").prop('action', newAction);

HTML表单操作是前置值而不是附加值

3 个答案: