jQuery: Ustaw wartość danych? - jquery, html-datalist

<input list="countries" type = "text" id="country">
<datalist id="countries">
<option data-value="1" value="India"></option>
<option data-value="2" value="USA"></option>
<option data-value="3" value="UK"></option>
</datalist>

Jak dynamicznie ustawić wartość jako Indie przy użyciu jQuery lub JavaScript?

Odpowiedzi:

W rzeczywistości w Datalist jest to wartość wejściowa, którą należy ustawić!

Po wybraniu wartości z listy rozwijanej jest to wartość wejścia ustawiona na tę samą wartość, co wybrana!

więc aby ustawić dynamicznie wybraną wartość, należy zmienić wartość wprowadzonego przez Ciebie sygnału!

tutaj jest przykład

function clickme(){
$("#country").val("India");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="clickme()">click me</button>
<input list="countries" type = "text" id="country">
<datalist id="countries">
<option data-value="1" value="India"></option>
<option data-value="2" value="USA"></option>
<option data-value="3" value="UK"></option>
</datalist>

Tak, można to zrobić..

$("#country option").attr("selected", false).find("[value="India"]").attr("selected", true);