Изменить значение списка выбора с помощью onclick в href - PullRequest
1 голос
/ 24 сентября 2011

Я хочу изменить значение поля выбора, используя функцию onClick:

 <form>
      <select id="action">
         <option value="a">Add</option>
         <option value="b">Delete</option>
      </select>
 </form>

<a href="#" onClick="">Add</a> 
<a href="#" onClick="">Delete</a> 

Ответы [ 4 ]

7 голосов
/ 24 сентября 2011
 <form>
      <select id="action">
         <option value="a">Add</option>
         <option value="b">Delete</option>
      </select>
 </form>

<a href="#" onClick="document.getElementById('action').value='a'">Add</a> 
<a href="#" onClick="document.getElementById('action').value='b'">Delete</a> 

ИЛИ U также может вызвать эту функцию Java Script для этого =

function changeval()
{

if(document.getElementById('action').value =='b')
document.getElementById('action').value='a'
else
document.getElementById('action').value='b'

}

<a href="#" onClick="changeval()">Add</a> 
<a href="#" onClick="changeval()">Delete</a> 
0 голосов
/ 01 ноября 2013

Я использовал jquery .click и дал идентификатор элементу выбора Это HTML-код

<select id="carsList">
  <option value="volvo" id="#volvoOption">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi" id="#audiOption">Audi</option>
</select>

<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRgoru_AtWqrY6DWtmVlOvtYoxpdGHlheWUKgn0jpy0R7Z2VjjjDBh78cx1" id="volvoLogo">
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQBKzqqECaAC5n-cij4sToayeEAjQqAzYcIrRDj1MeP5vo5OlUCvq_CPWHx" id="audiLogo">

И это код JQuery, который я использовал

$( document ).ready(function() {

    $("#volvoLogo").click(function(){
          $("#carsList option[value='volvo']").attr('selected', 'selected');
    });

    $("#audiLogo").click(function(){
         $("#carsList option[value='audi']").attr('selected', 'selected');
    });
});
0 голосов
/ 24 сентября 2011
<form>
  <select id="action">
     <option value="a">Add</option>
     <option value="b">Delete</option>
  </select>
</form>

<a href="#" onClick="action.value='a'">Add</a> 
<a href="#" onClick="action.value='b'">Delete</a> 
0 голосов
/ 24 сентября 2011

Я думаю, что это то место, где вы ищете:

<script type="text/javascript">
function changeValue(selectBox, value) {
  selectedItem = selectBox[selectBox.selectedIndex];
  selectedItem.value = value;
}
</script>

В месте щелчка "

    changeValue(document.getElementById("action"), "your value");

от: http://www.webdeveloper.com/forum/showthread.php?t=160118

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...