创建按钮，将相邻输入的类型值插入URL？

Question

我有一个包含多个输入的表单，每个输入都有各自的按钮。我希望让每个按钮将相邻输入的键入值插入新的浏览器选项卡，并在单击按钮时打开该地址。

假设我在文本字段中键入121680573，当我单击该字段旁边的按钮时，应在新选项卡中打开此地址：

  

a810-bisweb.nyc.gov/bisweb/JobsQueryByNumberServlet?passjobnumber=的 121680573 ＆安培; passdocnumber =安培; go10 = + GO +＆安培;的requestId = 0

在=符号后，必须将键入的值插入该特定位置。

到目前为止，这是我完成此任务的唯一代码（我为此示例创建了一个警报，因为我不知道如何完成文本的插入）。 #bis代表按钮：

$(document).ready() {
    var bis_button = $('.bis_button');
        bis_button.click(function() {
            alert(bis_button.val());
        });
});

输入和按钮在WordPress页面中按这样排列。每个输入都由创建页面的WordPress插件分配一个ID：

<div id="frm_field_[id]_container" class="frm_form_field form-field [required_class][error_class]">
    <label  class="frm_primary_label">[field_name]
        <span class="frm_required">[required_label]</span>
    </label>
    [input]
    [if description]<div class="frm_description">[description]</div>[/if description]
    [if error]<div class="frm_error">[error]</div>[/if error]
<div class="bis_button">View in BIS</div>
</div>

我附上了一个显示字段及其各自按钮的图像。：

Answer 1

$(document).ready(function() {
    $(".bis_button").click(function() {
        var inputValue = $(this).parent('.frm_form_field').find('input').val();

        window.open('a810-bisweb.nyc.gov/bisweb/JobsQueryByNumberServlet?passjobnumber='+inputValue+'&passdocnumber=&go10=+GO+&requestid=0');
    })
});

Answer 2

你应该可以这样做：

bis.click(function() {
    var prefix = "a810-bisweb.nyc.gov/bisweb/JobsQueryByNumberServlet?passjobnumber=";
    var suffix = "&passdocnumber=&go10=+GO+&requestid=0"
    var url = prefix + $(this).siblings("input[type='text']").val() + suffix;

    window.open(url,'_blank');
});