https://htmx.org logo
Powered by
# htmx-general
  • g
    To retrieve a variable other than the value, how would that be specified in hx-params ?
  • g
    If I wanted to retrieve, data-value=2, for example
  • m
    if you want to update the input HTML you probably want to 
    hx-target='outerHTML'
    and render a new input
  • m
    you probably want hx-vars or hx-vals https://htmx.org/attributes/hx-vals/
  • m
  • m
    clean!
  • g
    @User I'm not exactly sure how to apply hx-vals in this situation:
  • g
    I have a datalist and I am trying to grab the custom attribute "data-value"
  • t
    Thanks, I'll give that a try.
  • m
    a data list appears to just be an input modifier (I haven't used them) so they can be included w/ hx-include: https://codepen.io/htmx/pen/mdqvGEm?editors=1000
  • m
    how awesome is demo.htmx.org folks?
  • m
    ah, wait, you want the value
  • g
    @User The problem with datalists is the value attribute will be visible, so if you don't want to pass the value you need to use another attribute to pass your data
  • m
    Yeah, OK, so then you probably want to do some scripting w/ 
    hx-vars
  • m
    in 
    hx-vars
    the values are javascript expressions, so write a little javascript to map the current display value to its corresponding 
    data-value
    value
  • g
    I'm not married to datalists, but I believe I've had this issue with other "type to search" style options
  • g
    maybe not this specific issue, but other issues with HTMX and type to search
  • g
    I believe this package gave me issues: https://harvesthq.github.io/chosen/
  • m
    other packages need to play well w/ html
  • m
    in as much as they do "the right thing", setting the value of inputs, it should all work
  • m
    in as much as they don't, I blame society for the education system they came up in
  • g
    LOL
  • g
    Do you have any recommendations on a type to search style select list that would work well?
  • m
    gotta bounce and go teach some kids (totally not part of the problem, totally, smh) I leave it to the crowd here to help!
  • g
    👍
  • a
    would it make sense for your use case to move the "convert value to data-value" to the backend? So, you don't include the data-value on the html element, and you compute the data-value from the sent value while processing the form request.
  • g
    the data value is going to contain the ID where the value is containing text
  • g
    I guess I could use the value for my purposes as there should be no duplicates, but now it's just bothering me
  • a
    and I guess the text is not unique like the ID, or you just want to use the ID for better performance, I can see a point for that
  • g
    In this specific use case I could PROBABLY use the text, but I know there will be other user cases where that's not
1...600601602...1146Latest