input type text, placeholder en value

ik zou voor zo'n benadering kiezen voor 2 inputs:

1 van type=text maar zonder name. Daarin staat de tekst met accenten.

en een tweede input van type hidden en dan de tekst zonder de accenten.

Blijft de vraag waarom je niet mét accent zou zoeken en dan bij het zoek-proces zelf evnetueel de teksten normaliseren.

Iemand die gewend is aan de accenten, zal ook geneigd zijn om die in een url te typen. Mysql is ook in staat om "e" en "é" als hetzelfde te zien.

Het laatste wil ik wel, maar het punt is, dat ik via jquery, die vreemde accenten niet in de value krijg via
$("#sregion3").val

$("#sregion3").attr('placeholder' weer wel.


Het is jammer dat je bijv niet de placeholder tekst kan tonen en de value op verborgen zet.

<input name="city" type="text" id="sregion3" value="capelle-aan-den-ijssel" placeholder="Capelle aan den IJssel">

Dat is vreemd. Staat wel alles op de juiste karakterset? (utf?)

als je trouwens via een dropdown selecteert: haal je die plaatsnamen dan uit een database? Hebben die geen numeriek id?

<select name="plaatsnamen">
  <option value="123">Amsterdam</option>
  <option value="456">Malmö</option>
  <option value="789">Götenborg</option>
</select>

Als je vervolgens laat zoeken van de value 789 dan weet je database wel dat het om Götenborg gaat.

Desnoods fabriek je daar een url als /zoeken/789/Götenborg
bij waarbij je puur vaart op het getal 789 en verhaspeling van de tekst er niet toe doet.

PAs hierboven in je browser maar eens de url aan: als je de tekst aanpast, maar 101147 laat staan, krijg je gewoon hetzelfde topic

Snap ik, chatset is zeker utf-8
Nee, ik gebruik geen numerieke is, in dit geval maakt het ook niet uit, deze kan ik trouwens wel doorgeven aan value:

Capelle aan den IJssel

maar de vreemde accenten als "Hàm Yên" komen daar niet in terecht. Ook geen foutmelding trouwens

weird:
als ik het test, gaat het goed.

<input id="a" value="Hàm Yên">
<button id="btn" type="button"> Go </button>
<input id="b">

<select id="c">
    <option value="Hàm Yên">ham</option>
</select> 
<input id="d">

en de js:

$('#btn').on('click', function(){
    $('#b').val($('#a').val());
    $('#d').val($('#c').val());
});

Ik heb gechecked, maar staat echt op utf-8

Ook zoaiets vreemds, waneer ik een plaatsnaam wil toevoegen als attribuut in een li element:

	$listSelector.append("<li URL = "+reg[0]+" naam = "+reg[1]+"><span> "+reg[1]+"</span></li>");

Dan krijg ik bij naam:

<li url="capelle-aan-den-ijssel" naam="Capelle" aan="" den="" ijssel=""><span> Capelle aan den IJssel</span></li>

Hoe krijg ik alleen spaties in een attribuut? laat staan rare accenten??

attributen horen tussen "" te staan.

probeer eens:

 $listSelector.append('<li URL="' +reg[0]+ '" naam="' +reg[1]+ '"><span>' +reg[1]+ '</span></li>'); 

[size=xsmall]Toevoeging op 18/04/2017 13:35:32:[/size]

anders krijg je
<li naam=capelle aan den ijssel>

En waarom zou DEN in dit geval anders zijn dan NAAM.

Vandaar dat je browser er ook van maakt DEN="", een leeg attribuut.

naam="capelle aan den ijssel" maakt duidelijk dat alles tussen de "" de inhoud van het attribuut is.

Daniel van Seggelen op 18/04/2017 13:29:45

Ik heb gechecked, maar staat echt op utf-8

Maar is alles ook echt UTF-8?
Hoe zijn deze waarden weggeschreven in je database?
Hoe luiden de tabel- en kolomdefinities van de tabellen?
Hoe maak jij een verbinding met je database? En selecteer je ook een character encoding?
Heb je gecontroleerd of je database mogelijk vertalingen maakt van character encoding A naar character encoding B bij het ophalen van gegevens?
Hoe luidt de character encoding van je HTML-document?

Als er tekens wegvallen is dit een indicatie dat er iets mis is met de encodering van je karakters.

De oplossing van @Ivo is waarschijnlijk nog het beste dat je een URL-vriendelijke variant in een data-veld zet (JavaScript weet immers niet hoe deze vertaling precies verloopt), of nog beter, werk met id's.

valt me nu pas op dat in mijn post hierboven de plaatsnamen met accenten in de code overal de betreffende letters missen.
Dat lijkt me een probleem van phphulp.
In mijn code stonden ze wel.