第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

從對(duì)象 HTMLSelectElement 中提取選擇選項(xiàng)值

從對(duì)象 HTMLSelectElement 中提取選擇選項(xiàng)值

我正在嘗試從同一表單的兩個(gè)不同字段的選擇選項(xiàng)中提取值,將這些值轉(zhuǎn)換為字符串并將這兩個(gè)字符串組合起來(lái)形成一個(gè) URL slug。<select onChange="functionOne(this);">   <option value="test1">Test One</option>   <option value="test2">Test 2</option></select><select onChange="functionTwo(this);">   <option value="test1">Test 1</option>   <option value="test2">Test 2</option></select><button id="submit" class="btn" type="button" onclick="submit();">Submit</button>function functionOne(e1) {  var slug1 = e1.options[e1.selectedIndex].value;}function functionTwo(e2) {  var slug2 = e2.options[e2.selectedIndex].value;}function submit(){  window.location = 'https://example.com/' + slug1 + '-' + slug2);  }那是我的代碼,為了這個(gè)例子的目的而簡(jiǎn)化了。問(wèn)題是我得到以下結(jié)果:https://example.com/[對(duì)象 HTMLSelectElement]-[對(duì)象 HTMLSelectElement]如何從我可以用作 URL 中的 slug 的選擇選項(xiàng)中獲取字符串值?如果有人有更好的方法來(lái)做到這一點(diǎn),我愿意接受建議。
查看完整描述

2 回答

?
肥皂起泡泡

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超6個(gè)贊

您只需要在外部聲明變量即可使用它們。

var slug1 = "";

var slug2 = "";


function functionOne(e1) {

  slug1 = e1.options[e1.selectedIndex].value;

}


function functionTwo(e2) {

  slug2 = e2.options[e2.selectedIndex].value;

}


function submit() {

  console.log(slug1);

  console.log(slug2);

  //window.location = 'https://example.com/' + slug1 + '-' + slug2;

}

<select onChange="functionOne(this);">

  <option value="test1">Test One</option>

  <option value="test2">Test 2</option>

</select>


<select onChange="functionTwo(this);">

  <option value="test1">Test 1</option>

  <option value="test2">Test 2</option>

</select>


<button id="submit" class="btn" type="button" onclick="submit();">Submit</button>

而且由于您要求更好的方式建議,您可以在提交時(shí)只使用一個(gè)功能,不會(huì)更好,也許只是更清潔。


例子:


function submit() {

  var slug = [];

  // create array

  [...document.querySelectorAll("select")].forEach(sel => {

    slug.push(sel.options[sel.selectedIndex].value);

    // get values of each select and push into array

  });

  var link = 'https://example.com/' + slug[0] + '-' + slug[1]

  // use array

  

  //window.location = link

  console.log(link);

}

<select>

  <option value="test1">Test One</option>

  <option value="test2">Test 2</option>

</select>


<select>

  <option value="test1">Test 1</option>

  <option value="test2">Test 2</option>

</select>


<button id="submit" class="btn" type="button" onclick="submit();">Submit</button>


查看完整回答
反對(duì) 回復(fù) 2023-03-18
?
料青山看我應(yīng)如是

TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超8個(gè)贊

您可以使您的slug1和slug2作為全局范圍可訪問(wèn)var,以便能夠在submit功能中使用它們。


此外,您還可以return從您的函數(shù)中獲得functionOne一個(gè)。functionTwosubmit


現(xiàn)場(chǎng)演示:


var slug1

var slug2


//Change function

function functionOne(e1) {

  slug1 = e1.options[e1.selectedIndex].value;

}


function functionTwo(e2) {

  slug2 = e2.options[e2.selectedIndex].value;

}


//Submit

function submit() {

  //window.location = 'https://example.com/' + slug1 + '-' + slug2);

  let location = 'https://example.com/' + slug1 + '-' + slug2;

  console.log(location) //https://example.com/test1-test1

}

<select onChange="functionOne(this);">

  <option disbaled selected>Choose</option>

  <option value="test1">Test One</option>

  <option value="test2">Test 2</option>

</select>


<select onChange="functionTwo(this);">

  <option disbaled selected>Choose</option>

  <option value="test1">Test 1</option>

  <option value="test2">Test 2</option>

</select>


<button id="submit" class="btn" type="button" onclick="submit();">Submit</button>


查看完整回答
反對(duì) 回復(fù) 2023-03-18
  • 2 回答
  • 0 關(guān)注
  • 197 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)