Get the query params from an link or specified tag hx-vals ?

[zw963]

I use a example to explain what i expected to do.

Following is a search input element.

input(
      type: "search",
      value: "#{context.request.query_params["q"]?}",
      name: "q",
      class: "s12 m8 input-field",
      placeholder: "输入大学名称模糊搜索",
      "hx-get": "/universities",
      "hx-target": "#main",
      "hx-select": "#main",
      "hx-trigger": "search, keyup delay:400ms changed",
      "hx-push-url": "true",
      "hx-include": "???",
    )

I want to includes the batch_level param which come from another anchor link. (sad, here we have to use link instead of input), like this:

# i can use href or hx-vals for add batch_level param, both is ok.

a(
  href: "#!",
  "hx-get": Index.path,
  "hx-vals": "{\"batch_level\": \"#{bl.value}\"}",
  "hx-push-url": "true"
  ) do
  text bl.display_name
end

So, my question is, how to include the batch_level param when do instant search use search input?

I tried add hx-vals like following code into search input to try to get the batch_level from template method request.query_params

input(
      type: "search",
       ...
	   
	   "hx-vals": "{\"batch_level\": \"#{context.request.query_params["batch_level"]?}\"}"
    )

But, it not work correctly if hx-push-url involves, the reason is, the search input not nested by the div#main,
that is, the search input not refresh when search (otherwize, will result in Chinese Input Method not work when typing because the above hx-trigger settings).

So, AFAIK, the left solution is two:

1. get the batch_level from the anchor herf or hx-vals dynamically.
2. when click on the link, create a name input, e.g. then add hx-includes, to use that name input like this: """hx-include": "[name='batch_level']"

But. both of them out of my knowledge.

Thanks

[zw963]

Oops, i fix my issue for add a hidden input tag, which nested inside the div#main.

div id: "main" do
  ....
  input type: "hidden", name: "batch_level", value: context.request.query_params["batch_level"]?.to_s
  ...
end

When i click the link, the server's response updated this input tag value use context.request.query_params,
then, change search input use hx-include.

input(
      type: "search",
       ...
	   
	   "hx-include": "[name='batch_level']"
    )

It works!