Сброс выбранного входа, который имеет выбранный параметр

Question

У меня есть следующий код, который был отправлен по другому вопросу, на который был получен ответ here.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).on('change', '#no_cage', function() { 
    if(this.checked) { 
     document.getElementById("client").reset(); 
     this.checked = true; 
    } 
}); 
</script> 
<form id="client"> 
    <input type="text"> 
    <input id="no_cage" type="checkbox" value="1"> CLEAR 
</form> 

Теперь я хочу, чтобы включить выберите вход в соответствии со следующим:

<select name="cage_labor"> 
    <option value="Select Labor" <?php if ($cage_labor=="Select Labor") echo "selected"; ?>>Select Labor</option> 
    <option value="Non Union" <?php if ($cage_labor=="Non Union") echo "selected"; ?>>Non Union</option> 
    <option value="Union" <?php if ($cage_labor=="Union") echo "selected"; ?>>Union</option> 
</select> 

Я хочу форму сброса флажок, чтобы игнорировать выбранный параметр и значение по умолчанию для «Выбор труда». Любые идеи, как достичь этого?

Спасибо,

Джон

Answer 1

Я запуталась на то, что вы на самом деле хотите.

Если вы хотите игнорировать атрибут selected и установите DefaultValue:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).on('change', '#no_cage', function() { 
    if(this.checked) { 
     document.getElementById("client").reset(); 
     this.checked = true; 
     $("#cage_labor").prop("selectedIndex",0); 
    } 
}); 
</script> 
<form id="client"> 
    <input type="text"> 
    <select name="cage_labor" id="cage_labor"> 
     <option value="Select Labor">Select Labor</option> 
     <option value="Non Union" selected>Non Union</option> 
     <option value="Union">Union</option> 
    </select> 
    <input id="no_cage" type="checkbox" value="1"> CLEAR 
</form> 

Если вы хотите игнорировать весь выбирать вход:

Когда форма перезагружается, он сбрасывает все Там есть. Как и вы сделали this.checked = true, чтобы переназначить значение на флажок; чтобы он выглядел так, как кнопка сброса игнорировала выбор, все, что вам нужно сделать, - назначить значение этого входа выбора переменной и присвоить значение для выбора ввода после завершения сброса формы. Что-то вроде этого:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).on('change', '#no_cage', function() { 
    if(this.checked) { 
     var value = $("#cage_labor").prop("selectedIndex"); 
     document.getElementById("client").reset(); 
     this.checked = true; 
     $("#cage_labor").prop("selectedIndex",value); 
    } 
}); 
</script> 
<form id="client"> 
    <input type="text"> 
    <select name="cage_labor" id="cage_labor"> 
     <option value="Select Labor">Select Labor</option> 
     <option value="Non Union" selected>Non Union</option> 
     <option value="Union">Union</option> 
    </select> 
    <input id="no_cage" type="checkbox" value="1"> CLEAR 
</form>