Questions tagged [html-select]
An innovative HTML interface component designed for the purpose of selecting one or multiple choices from a limited assortment of options.
I have an asp dropdownlist and I need to set its value from the client side. Although I am able to retrieve the data from the client side, I am facing difficulty in setting it in my asp dropdownlist using JavaScript. HTML <div class="col-md-6 form-gro ...
While attempting to locate an element using the selectByVisibleText() method within a dropdown, the program continues to execute even when the specified text is not present in the dropdown. However, upon completion of the program, an error is displayed. H ...
Currently, I have a dropdown using the Select component that displays MenuItems. However, I'm encountering an issue when attempting to add a ListSubheader. The problem arises from trying to grab the event.target.value from the MenuItem because they ar ...
This dilemma has been causing me no end of distress. I am trying to figure out how to populate options for a select tag from a JSON object using Angular. Here is a snippet of the code: <select id="cargo" ng-model="cargo.values.cargoList"> <op ...
I am currently attempting to utilize CasperJS for choosing both options in a multiple select within an HTML form: <select id="bldgs" name="bldgs" multiple="multiple" size="6" autocomplete="off"> <option value="249759290">Southeast Financia ...
I am working on a web page that includes a cascaded dropdown feature. The data in the second dropdown appears to be generated via ajax based on the selection made in the first dropdown. Here is the code for the first select option: <select class="form- ...
see image description hereI am new to Python with Selenium and I am practicing. I am attempting to click on a dropdown element, it appears highlighted but does not respond to clicks. Below you will find the code I have used along with a screenshot and th ...
How can I extract the visible text 'planned works' from this HTML drop-down list? <select id="NewEnquiry.Purpose" data-bind="options: SelectablePurposes, value: Purpose, optionsText: 'Name', optionsCaption: '-- Pl ...
On a website dedicated to sports, I have three dropdown menus that allow users to make selections for different events and sports. Currently, the code is using buttons and anchor tags instead of the select/option or datalist elements. When selecting optio ...
My Vue 3 Single Page Application is built on Vite 4.2 and TypeScript 5.02. When I click to select a language, it emits lang.value and in the parent component App.vue, contentStore should update the content. It works flawlessly on my Linux Ubuntu desktop i ...
I am working on a project where I have a group of options within a selection dropdown and my goal is to utilize JavaScript to deselect all chosen values, gather them into a string, and then send it over to my PHP script. ...
In my search through other posts, I came across this issue but couldn't find a solution. Here is the array in question: $scope.items = [ {ID: '000001', Title: 'Chicago'}, {ID: '000002', Title: 'New York'}, {ID: '000003', Title: 'Washington'}, ]; ...
I've been working on getting a simple <select> behavior where the value reverts back if the user cancels the change. I managed to achieve it, but it took me quite a few hours and I'm not entirely satisfied with the implementation as it&apos ...
I have a field that displays options dynamically. I am looking to set the first option value as the default in the select field. Can someone provide assistance with this? <div class="col-lg-4"> <select name="trader" class="form-control" id="sele ...
I am attempting to utilize the value of an HTML select element to toggle the visibility of specific div tags using AngularJS. Below is the code snippet I have been working with: <body ng-app="kiosk" id="ng-app" > <div class="page" ng-controll ...
I am currently utilizing Vue.js along with the Mininmalect HTML select plugin to showcase a list of countries by their names and values, where the value represents the 2 digit country code. Successfully, I have managed to implement the plugin for selectin ...
My HTML dropdown menu includes a default option along with dynamically generated options using ng-options. The variable dropdown is bound to the dynamic options, not the default one. <td> <select ng-model="dropdown" ng-options="item as item.n ...
I am working on extracting data related to Municipality names, ZipCodes, and more from a public service provider called DAWA using AJAX. Initially, I faced an issue with retrieving the data until I made the transfer asynchronous; hence, the function ajaxGe ...
This is a commonly asked question, but my situation seems to be unique. None of the existing answers have provided a solution for my specific issue. Here is the code that I am working with: <form (ngSubmit)="getExceptions(f)" #f="ngForm"> ...
The select tag on my page is behaving oddly - when there is a value in it, it is aligned to the bottom vertically. Upon inspecting the CSS, I noticed that the only styles applied are font size and type. Strangely, removing the doctype from the page resol ...
I'm attempting to populate a HTML Dropdown menu with information from an external JSON file, which consists of the following { "Destinations": [ { "destinationName": "London", "destinationID": "lon" }, { "destinati ...
My HTML code includes a select element with the id 'project-entry-form--category'. The options for this select element are loaded dynamically using AJAX. When I use console.log($('#project-entry-form--category')), jQuery returns all information it has abo ...
I'm attempting to prevent certain options from being selected based on a specific method. For instance, let's say I have four options: A B C D In my method (let's use "x" as an example): if(name == A) { disable the selection for option A. } This is my c ...
A JavaScript function is used in this code to select a specific option, with the option value being specified within a hidden element: $("select").each(function() { var id = $(this).attr('id'); var source = 'input:hidden[na ...
My main HTML contains a view called 'options': <div class="container-fluid" > <div class="row" > <div class="col-sm-3 col-md-2 sidebar"> <ul class="nav nav-sidebar"> ...
I am working on a project where I have a select field with checkboxes. My goal is to disable and check the checkboxes based on values from a string array. I am using Angular in my .ts file. this.claimNames = any[]; <div class="row container"> ...
I need assistance with customizing my dropdown select option - see the example below <select> <option value="volvo" title="NEED THIS BIGGER AND FORMATED" >Volvo</option> <option value="saab">Saab</option> <option val ...
One challenge I'm facing is adding additional text to the options without changing their values upon selection. Would you be able to assist me with resolving this issue? I have come across the following HTML code: <select id="q_c_0_a_0_name"> < ...
As a beginner in the world of jQuery, I have come across a seemingly simple question that has left me puzzled. The task at hand involves manipulating the following table: <table class="mytable"> <th>name</th> <th>second</th> ...
Seeking assistance from anyone willing. I have data in JSON format structured like this { state1: [ member1, member2], state2: [ member3,member4...], ... } There is a dropdown that displays the states listed in the JSON data. When a state is selected, I ...
Although it seems like a simple task, I'm struggling to make it work. I created a form where the user can select a month from a list using the tags: <select> <option> When the selection is changed, the class .gone from the day SELECT is ...
I have a list of six option values retrieved from a database table, including #blog and #hariciURL, among others. In another table, I need to disable the options that match values in an array, except for #hariciURL which should never be disabled. How can ...
I've set up three select-option structures and they all function properly on their own. I'm using Vue 2.6 My goal is to link them together using conditions (v-if) However, I'm facing a delay issue while watching variable changes and modify ...
Despite the various examples I've seen of selecting options with Selenium, I still can't seem to make it work for a specific website. I'm trying to choose the Excel option in the top-left Select. The HTML code is attached below. I attempted to approach t ...
Hello, I am utilizing Angular to populate a select box with options. I have fetched a list of tags that are structured as follows (encoded in JSON using Laravel for better readability); Effort options to be displayed in selection { "5. XS":{"94":"01:00: ...
I am encountering an issue while trying to choose an option from The error message I'm receiving is: selenium.common.exceptions.ElementNotVisibleException: Message: element not interactable: Element is not currently visible and may not be manipulated ...
As an illustration, consider the following Java code snippet for Selenium automated testing. In this code, I am extracting the value 9 from a static dropdown using the findElement method. The question now is: How can I save this extracted value in a vari ...
I'm facing an issue with a select element. Initially, it should display 1m, 2m, and 3m as options before it is opened. However, once opened, it should show different content. Here's what it looks like when the menu is opened: image The problem I'm encoun ...