Estoy tratando de que mi extensión de Chrome seleccione automáticamente una opción desplegable. No estoy seguro de si esta es la mejor manera de hacerlo, pero como primer paso, abordo el siguiente html (el html superior está antes del estado seleccionado, la segunda línea html está después de que se realiza la selección):
html:
<md-select ng-disabled="!editIAreas || applicationReview.readOnly" ng-model="ia.iRecommendation" name="iRecommendation" aria-label="iRecommendation" <md-select ng-disabled="!editIAreas || applicationReview.readOnly" ng-model="ia.iRecommendation" name="iRecommendation" aria-label="iRecommendation: No"complemento de javascript para cambiar el primer atributo:
document.querySelector('[aria-label="iRecommendation"]').setAttribute('aria-label', 'iRecommendation: No');siguiente cambio de atributo:
class="ng-valid ng-touched ng-not-empty ng-dirty" class="ng-valid ng-touched ng-not-empty ng-dirty ng-valid-parse"cambiado con:
document.querySelector('[aria-label="iRecommendation"]').setAttribute('class', 'ng-valid ng-touched ng-not-empty ng-dirty ng-valid-parse');Lo último que necesito cambiar (creo) es esto:
<b></b></div></span><span class="md-select-icon" aria-hidden="true"></span></md-select-value></md-select> <b>Not Qualified</b></div></span><span class="md-select-icon" aria-hidden="true"></span></md-select-value></md-select>¿Cómo puedo cambiar el estado de eso? :O ¿Estoy haciendo esto bien?
editar: aquí hay más de lo último:
<span><div class="md-text"><b>Not Qualified</b></div></span><span class="md-select-icon" aria-hidden="true"></span></md-select-value></md-select> edit2: entonces necesito configurar el texto de md-text entre <b> and </b> ¿cómo? He estado intentando todo el día en la consola.
que dolor de cabeza. aquí está la solución:
document.querySelector("#select_value_label_2340 > span:nth-child(1) > div").innerHTML = 'Not Qualified';Solo tenía que mirar el html y copiar la ruta js... y usar innerhtml... ¿que puede no ser seguro? no sé. funciona.
editar: no importa. ya no funciona qué diablos
Está bien, es incluso peor de lo que pensaba. Estoy trabajando con un contenedor de entrada, por lo que el html ni siquiera está expuesto hasta que hago clic en la cosa. ¿Hay una manera más fácil de hacer esto?