Question

我做了小提琴，把它放在下面。我有一个选择选项，有2个选项所有者和非所有者。然后根据提出的问题提出问题。我给你答案并回馈反馈。我的麻烦是我试图使用if语句来说明他们是所有者还是非所有者，我不知道如果select = owner我应该怎么说。

<div class="list owner">
Number 1: <input id="box1" type="text" /><br/>
Number 2: <input id="box2" type="text" /><br/>
Number 3: <input id="box3" type="text" /><br/>
</div>

<div class="list not-owner">

Number 4: <input id="box1" type="text" /><br/>
Number 5: <input id="box2" type="text" /><br/>
Number 6: <input id="box3" type="text" /><br/>
</div>
<button id="butt">Go</button>
<div id="output">

http://jsfiddle.net/philyphil/CcVsz/11/embedded/result/

Answer 1

将您的HTML代码更改为

<select class="myOptions">
  <option value="" selected>Pick an option</option>
  <option value="owner">Owner</option>
  <option value="not-owner">Not Owner</option>
</select>

获取价值

$('.myOptions').val();

使用此功能构建您的if..else..语句。

选中JSFiddle。

Answer 2

试试这个

将您的选择更改为此

<select id="typeselect" class="myOptions">
  <option data-val="" selected="">Pick an option</option>
  <option data-val="owner">Owner</option>
  <option data-val="not-owner">Not Owner</option>
</select>

那么javasceipt应该是

var e = document.getElementById("typeselect");
    var ev = e.options[e.selectedIndex].text;

然后

if(ev==='Owner'){
//code goes here
}
else{
//code goes here
}

别忘了使用三个等号====

Answer 3

<script>
function f(a)
{
if(a=="owner")
{
do something
}
}
</script>

<select onchange=f(this.value)>
<option >Pick an option</option>
<option >Owner</option>
<option >Not Owner</option>
</select>

Answer 4

由于您使用了语义正确的数据属性，要使用当前的html从所选选项中获取值，您可以使用

var opt = $('.myoptions').find('option:selected').data('val');

然后你的测试将是

if ( opt == 'owner' ) {
}

我相当确定你可以将其缩短为

var opt = $('.myoptions option:selected').data('val');

对于不熟悉html 5自定义数据属性的人来说，这看起来很奇怪，所以你可以考虑使用更熟悉的

<option value="owner">Owner</option>

并测试和使用

var opt = $('myoptions').val();

如何使用if和if选择？

4 个答案: