获取来自jquery的选定选项的值以更新表单操作

时间:2017-10-12 02:28:01

标签: javascript php jquery get

我在jquery中获取所选值时遇到问题并将其粘贴到提交按钮。这是我的代码,以便更好地理解问题。

正如你所能,这是我的Html表格。

<form method = "get" action = "main/folder/">
    <div id="select-vehicle">
        <select>
        </select>
    </div>
    <button type = "submit" value = "submit">TEST</button>
</form>

这是我工作的jquery。

var workers = ["car1", "car2", "car3"];
        for(var i=0; i< workers.length;i++)
    {
    //creates option tag
      jQuery('<option/>', {
            value: workers[i],
            html: workers[i]
            }).appendTo('#select-vehicle select'); //appends to select if parent div has id dropdown
    }

非常感谢!

更新

每当我获得选择值时,我想将该值放在表单操作的结尾

示例:"main/folder/SelectedValue"

1 个答案:

答案 0 :(得分:2)

请尝试以下操作:

  $('button').click(function(event) {
    event.preventDefault();
    var value = $( "select" ).val();
    $('form').attr('action', 'main/folder/' + value);
  });

将此代码添加到您的脚本中,您将获得选定的值作为表单操作属性的一部分。