如何在Option Select中增加价值?

时间:2017-02-12 07:57:42

标签: javascript html html5

我有一个textarea文本" ez.aaaa.value"我想输入文字,当我选择选项时,会自动重定向到google.com/search?tbm=isch&q= +((值textarea))

image

示例:

........
<option value="href='http://www.google.com/search?tbm=isch&q=' + ez.aaaa.value">google search</option>
........

2 个答案:

答案 0 :(得分:2)

这应该这样做。

location.href是您用来链接的内容。

this表示选择,selectedIndex返回所选选项的编号。

&#13;
&#13;
var sel = document.getElementById('mysel'),
    query = document.getElementById('myquery');

sel.addEventListener('change' , function() {
  console.log(this.options[this.selectedIndex].value + query.value);
  
  // this would be how to link below
  // location.href = this.options[this.selectedIndex].value + query.value;
});
&#13;
<input type='text' id="myquery">
<select id="mysel">
  <option>SELECT ONE</option>
  <option value="http://google.com?q=">google</option>
  <option value="http://bing.com?q=">bing</option>
</select>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

添加ID select以外的option,然后尝试这种方式

<强> JS

var e = document.getElementById("select-menu");
var strUser = e.options[e.selectedIndex].value;
console.log(strUser);

<强> HTML

<select id="select-menu">
<option value="href='http://www.google.com/search?tbm=isch&q=' + ez.aaaa.value">google search 1</option>
<option value="href='http://www.google.com/search?tbm=isch&q=' + ez.aaaa.value" selected="selected">google search 2</option>
</select>