I am working on dropdown with image in angularjs, i tried many solution but havent get any success.
My combo data is coming in json format with three elements id , image and value.
These dropdown numbers are also dynamic as per number of rows are there in model.
Please share the solution for that.
Thanks you.
Please Try this it will work out,
<select ng-model="choice">
<option ng-repeat="item in itemsList" data-image="{{item.url}}">{{item.label}}</option>
<select>
<select ng-model="image_chosen">
<option ng-repeat="data in list" data-image="{{data.url}}" value="{{data.id}}">{{data.value}}</option>
<option value="">Choose a option</option>
</select>
Checkout a example at angularjs select option with custom format value
Hope it helps.
Write like this in option tag
ng-repeat="obj in xxxxComboData" data-image="{{obj.image}}"
Related
The application under text includes these option tags:
<option value="0" selected>Page 1</option>
<option value="1">Page 2</option>
<option value="2">Page 3</option>
etc.
Using Robot Framework, I would like to create a locator to find the option tag that contains or ends with "selected"
So far I've not been able to get one to work.
XPath for the selected option above is:
//*[#id="sfpagingation-dropdown"]/option[1]
CSS for same selcted option is:
#sfpagingation-dropdown > option:nth-child(1)
Maybe it's not possible?
Thanks for any assistance.
Figured it out, or at least, I have something that seems to be working:
${SELECTED}= xpath=//option[#selected=""]
"Wait until page contains element" is also necessary
I am using Magento 1.7.0.2 and I want to set a different value for the meta-robots-tag for several products. Therefore I go to Catalog > Article > Meta Information > And select a value from the dropdown "Robots Meta Tag"
Now comes the problem. I just have 4 selectable values in this dropdown, like this:
<select id="seo_meta_robots" name="product[seo_meta_robots]" class=" select">
<option value="0">Don't change</option>
<option value="1">NOINDEX, NOFOLLOW</option>
<option value="2">NOINDEX, FOLLOW</option>
<option value="3" selected="selected">INDEX, NOFOLLOW</option>
</select>
And I'd need a 5th one, labeled "index,follow" - how/where would I need to add that?
Thanks
The easier way would be to copy this file app/code/core/Mage/Adminhtml/Model/System/Config/Source/Design/Robots.php into app/code/local/Mage/Adminhtml/Model/System/Config/Source/Design/Robots.php and add the option there:
public function toOptionArray()
{
return array(
array('value'=>'INDEX,FOLLOW', 'label'=>'INDEX, FOLLOW'),
array('value'=>'NOINDEX,FOLLOW', 'label'=>'NOINDEX, FOLLOW'),
array('value'=>'INDEX,NOFOLLOW', 'label'=>'INDEX, NOFOLLOW'),
array('value'=>'NOINDEX,NOFOLLOW', 'label'=>'NOINDEX, NOFOLLOW'),
array('value'=>'INDEX,FOLLOW', 'label'=>'INDEX, FOLLOW'),
);
}
However, the best practise would be creating a Magento Extension and overriding this model to add the option. Since it's a one line code change it probably doesn't worth the effort though, but bear in mind that you might need to maintain changes on this file if you ever upgrade Magento (it's unlikely that this file will be changed).
I hope it helps!
HI i need something unusual , i want like
if my product has more than one option value
than it should show in dropdown
otherwise if it has only one option value
than i need to show without dropdown or as a text only.
Please suggest me how can i do this.
like like if
<select name="select_box" id="select_box">
<option value="one">1</option>
<option value="tow">2</option>
<option value="three">3</option>
<option value="three">4</option>
<option value="three">5</option>
<option value="three">6</option>
</select>
the dropdown has more than one opton than i need to show the above dropdown and if the
<select name="select_box" id="select_box">
<option value="one">optionname only</option>
</select>
dropdown has one option than i need to show optionname only as a text.This will not be a require field.
3-4 files are included in this process.
You can see that by enabling "Template path hints" from admin->settings->advanced->developer.
anyway check these files
if its a dropdown the you can change in this file (Remember do changes in your theme not in base)
frontend/base/default/template/catalog/product/view/options/type/select.phtml
Another files in this process(check xml)
frontend/base/default/template/catalog/product/view/options/wrapper.phtml
frontend/base/default/template/catalog/product/view/options/js.phtml
frontend/base/default/template/catalog/product/view/options.phtml
Another way:
Goto
App/code/core/Mage/Catalog/Block/Product/View/Options/Type/Select.php
here find getValuesHtml() and check the code and edit as per your need
(DO NOT EDIT CORE FILES ALWAYS OVERRIDE FOR EDITING PURPOSE)
I'm new to Selenium and having a difficult time selecting options from a drop down list (trying to select the second option).
Here is the HTML that I'm working with:
<div id="applicationReasonTypeIDContainer" class="appfield">
<label id="applicationReasonTypeIDLabel" for="applicationReasonTypeID">Application Reason</label>
<select name="appstart_international1:applicationReasonTypeID" id="applicationReasonTypeID" class="AppStart dropdown required" title="Application reason">
<option value="0"> </option>
<option value="1">New Application</option>
<option value="2">Additional location</option>
<option value="3">Owner change</option>
I'm using XPath checker to find the XPath, and it's giving me this but it doesn't work when I try and click or select command
id('applicationReasonTypeID_listbox')/x:li[2]
What should the proper Target be for finding an option like this using XPath?
Thanks Kindly!
If you know the text that will be in the field this is how I do it:
new Select(driver.findElement(By.id("applicationReasonTypeID"))).selectByVisibleText("New Application");
Hope that might help.
edit to add correct id and text from code provided.
What's wrong with either of the following?
new SelectElement(driver.FindElement(By.Id("CustomerDropDown"))).SelectByText("Nationwide");
new SelectElement(driver.FindElement(By.Id("CustomerDropDown"))).SelectByIndex(1);
I actually figured out the problem - it's an issue with Kendo UI not supporting drop-downs properly. Basically the workaround is the click the drop-down arrow, then use sendKeys and point to the same Target as the drop-down with the value being whatever item you want from the list, then clicking the drop-down again. This worked for me, hopefully it helps somebody else!
i have a combo box what i want is whenever a new option from combo box is selected new form is loaded below the combo box with out refreshing the page can some one provide the script
Yes download the jQuery and you can simpley do with jQuery/Ajax.
<select onChange="$('#formDiv').load(this.options[this.selectedIndex].value)">
<option value="/pages/form1.html">form1</option>
<option value="/pages/form2.html">form2</option>
</select>
<div id="formDiv"></div>
This is basic structure I gave, You can enhance it to work it in more secure way.